CSS3实现多背景模拟动态边框的效果

首先来看看要实现的效果图 实现方法如下 我首先想到的是border属性，可是border属性不能设置长度。如果用border实现，需要用其他元素来模拟，比较麻烦。后来突然想起以前在网上看到有人用CSS3的多背景来模拟边框，就试了一下。 css3 背景 CSS3对于background做了一些修改，最明显的一个就是采用设置多背景，不但添加了4个新属性，并且还对目前的属性进行了调整增强。 1、 多个背景图片 在css3里面，你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法，但引用图片之间需用“，”逗号隔开。第一个图片是定位在元素最上面的背景，后面的背景图片依次在它下面显示