哪里设置分割线了，我估计是这里content:"";，求解-慕课网

首页课程实战体系课手记专栏慕课教程

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

来源：5-5 CSS3背景制作导航菜单综合练习题

着你追

2015-07-20 20:35

.nav li:after{

content:"";

position:absolute;

right:0;

top:20px;

height:15px;

width:1px;

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

}

写回答关注

1回答

hey自然

2015-09-25 22:24:43

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

3 0

hey自然回复天正建筑00...

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

2016-03-08 23:37:35

共 3 条回复 >

十天精通CSS3

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

242556 学习 · 2623 问题

相似问题

伪元素设置了分割线为什么不起作用

回答 2

分割线问题

回答 1

制作导航分割线

回答 1

制作导航条分割线

回答 1

如何让分割线垂直居中？

回答 1

打开慕课网App查看更多内容