为了账号安全,请及时绑定邮箱和手机立即绑定

导航分隔线

/*使用伪元素制作导航列表项分隔线*/
         .nav li:before{
             content:"";
             position:absolute;
             right:0px;
             top:20px;
             height:15px;
             width:1px;
             background:linear-gradient(to top,#f82f87,#B0363F,#f82f87);

怎么实现的??

正在回答

3 回答

  .nav li:before{
             content:"";
             position:absolute;
             right:0px;
             top:20px;
             height:15px;
             width:1px;
             background:linear-gradient(to top,#f82f87,#B0363F,#f82f87);

0 回复 有任何疑惑可以回复我~
  1. 观察那个分割线,其实是竖向的“线性渐变”(最后一句)

  2. 相对父元素绝对定位,然后设定其他的与定位有关的属性,还有高度,宽度

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

导航分隔线

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信