如何在不使用 background-image
的情况下在 CSS 中制作双线边框,每条线颜色不同?
例如像这样:
代码:
<h2> heading 2 </h2>
<p> paragraph text </p>
<h2> heading 2 </h2>
<p> paragraph text </p>
注意:我不考虑 IE 8、7、6
最佳答案
我刚刚在谷歌搜索中找到了方法,它对我很有用。
h2 {
border-bottom: 1px solid blue;
box-shadow: 0 1px 0 red;}
来源:http://www.cvwdesign.com/txp/article/425/useful-tip-for-creating-double-borders-with-css3
编辑:我找到了另一种使用 CSS 2.1 伪元素实现多边框的方法
支持:Firefox 3.5+、Safari 4+、Chrome 4+、Opera 10+、IE8+
http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/
关于css - 如何在CSS中制作双线边框,每条线颜色不同,不使用背景图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5753351/