我想在 div 的顶部放置一个渐变边框。
所以开始颜色应该是#c4268c,结束颜色是#9a0b72
<div class="bordertest"></div>
为了简化这里是 fiddle :http://jsfiddle.net/aKhjk/
我搜索过但没有找到合适的方法。
最佳答案
你可以使用图片 http://border-image.com/或在您的边框上使用伪元素:
.bordertest {
height:300px;
width:300px;
border-top:30px solid #c4268c;
background:#000;
position:relative;
margin:1em;
}
.bordertest:first-child:before {
content:'';
position:absolute;
width:100%;
height:30px;
background:linear-gradient(to left, #c4268c, #9a0b72);
top:-30px;
left:0;
}
http://jsfiddle.net/aKhjk/1/ - jsfiddle.net/aKhjk/3
关于css - 使用 css 的渐变顶部边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21028005/