实例讲解使用CSS实现多边框和透明边框的方法

CSS多边框

Backgrounds & Borders Level 3 还是一份草案的时候，CSS WG 就在是否支持多重边框的问题进行了大量的探讨，就像是讨论多重背景图片一样。不幸的是，当时认为多重边框的用处并不大，即使需要也可以使用border-image属性来模拟。不过，WG显然忘记了在 CSS 代码中灵活地调整边框，才是我们需要的，现在开发者只能使用一些Hack手段来模拟多重边框，比如使用多重元素的嵌套来模拟多重边框。现在，我将告诉你一些更优秀的方法，无需使用多余的标签即可实现多重边框。

box-shadow解决方案

现在，大多数的时候都用box-shadow来创建阴影。不过，很少有人知道它还接受第四个参数（spread），该参数可以缩放阴影的范围。比如下面的示例，我们创建了一个水平和垂直偏移量为0 的阴影，它就使用了上述所说的第四个参数：

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表