我知道有可能产生一个在另一个下方的双边框效果,但是是否可以使用 css 使边框的一部分宽度为一种颜色,其余部分为另一种颜色?
这是我想仅使用 css 将其重新创建为边框的图像示例:
最佳答案
我想我找到了一种方法。检查一下 http://jsfiddle.net/RE4A7/
html
<ul>
<li><h3>Mission</h3>
</li>
</ul>
CSS
ul h3 {
font-size:1.2em;
font-family:arial;
border-bottom:1px solid #333;
padding-bottom:10px;
position:relative;
width:250px;
}
ul li {
list-style:none;
}
ul h3:after {
border-bottom:1px solid #ff4800;
bottom:-1px;
left:0px;
content:"";
position:absolute;
width:55px;
}
关于html - 两种颜色的边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17583707/