l0veo0
2015-08-31 21:24
/*使用伪元素制作导航列表项分隔线*/
.nav li:before{
content:"";
position:absolute;
right:0px;
top:20px;
height:15px;
width:1px;
background:linear-gradient(to top,#f82f87,#B0363F,#f82f87);
怎么实现的??
.nav li:before{
content:"";
position:absolute;
right:0px;
top:20px;
height:15px;
width:1px;
background:linear-gradient(to top,#f82f87,#B0363F,#f82f87);
观察那个分割线,其实是竖向的“线性渐变”(最后一句)
相对父元素绝对定位,然后设定其他的与定位有关的属性,还有高度,宽度
十天精通CSS3
242553 学习 · 2623 问题
相似问题