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

哪里设置分割线了,我估计是这里content:"";,求解

.nav li:after{

            content:"";

            position:absolute;

            right:0;

            top:20px;

            height:15px;

            width:1px;

            background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87);

    }


正在回答

1 回答

content 里只是加入一个空元素。 这里的所谓分割线其实是在设置具有 宽,高的伪元素里面填充 线性渐变 来实现的,

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

天正建筑007

content后面加双引号代表加入了一个空元素吗?为什么不可以省略?直接写宽高不行吗?
2016-03-08 回复 有任何疑惑可以回复我~
#2

hey自然 回复 天正建筑007

这样说吧,你使用:after伪元素得配合使用content这个属性。你想,我们得总得插入点什么东西,即使是一个空的内容,然后我们再去设置它的宽高。我这里再稍微拓展一下,其实content插入的内容默认是行内元素的,这里我们之所有能够设置高度,是因为我们使用了绝对定位,即 position:absolute;使用绝对定位后,元素自动转化为块级元素,所以在这里就可以设置高度了。你想啊,我们IE8+是怎样清除浮动的?
2016-03-08 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
十天精通CSS3
  • 参与学习       242558    人
  • 解答问题       2623    个

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

进入课程

哪里设置分割线了,我估计是这里content:"";,求解

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