CSS中的border属性不仅可以设置边框的宽度和颜色,还可以设置边框的样式,其中虚线是一种很常见的样式。
border: 1px dashed #ccc;
上面这行代码就是设置一个宽度为1像素、虚线样式、颜色为#ccc的边框。当然,还可以设置不同的虚线间距,如下:
border: 1px dashed #ccc; border-style: dashed dotted double;
上面的代码将会产生一个类似下面的效果:
从上面的效果可以看出,设置虚线样式可以产生一种不同寻常的效果,尤其是在设计条纹背景等元素时,非常实用。
需要注意的是,在一些较老的浏览器中,虚线样式可能会被解析成实线样式,因此在使用时需要考虑浏览器兼容性等问题,可以通过特定的hack等手段来解决这些问题。