                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

这个为什么设置底线为点线，为什么显示不出来？

li{

border-bottom:1px dotted #ccc;

width:200px;height:30px;

border:1px solid red;

}

为什么显示不出border-bottom:1px dotted #ccc;这个代码？

qq_慕仔5019791

2019-07-06

源自：初识HTML(5)+CSS(3)-升级版 12-7

关注问题我要回答

1193

操作

收起

3 回答

qq_天使之泪_1
2019-07-17

代码是从上往下执行的下面的solid 会覆盖掉上面的bottom

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

收起回答

精慕门3409412
2019-07-15

border:1px solid red;放在前面，但是发现最后的下边框没有被覆盖掉呢，啥情况？

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

收起回答

qq_慕雪8286927
2019-07-06

你把border-bottom:1px dotted #ccc;放在border:1px solid red;下面试试，因为border:1px solid red;这个四实线边框会将整个边框覆盖，如果放在最后面，就会将border-bottom:1px dottoed red；这个语句的执行结果下边框为虚线覆盖掉

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

收起回答

qq_慕仔5019791 提问者

嗯嗯，谢谢，意思这个属性也是有就近原则属性的吧？

2019-07-06 回复有任何疑惑可以回复我~