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

border继承问题？？？？

p{border:1px solid red;}这个只是给p标签设置了边框为1像素、红色、实心边框线，而对于子元素span是没用起到作用的

但是为什么运行结果全部用红线围起来了

慕码人8595002

2017-08-01

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

关注问题我要回答

1651

操作

收起

6 回答

慕前端3394234 回答被采纳 +2 积分
2017-08-01

因为<span>标签所是嵌套在<p>标签中，因此看上去也会被红色框圈起来。如果设置<span>的样式为span{border:1px solid red;}，网页中会出现两个红色的框，一大一小，小的只框住了<span>标签

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

#1

慕码人8595002 提问者

恩恩对的

2017-08-01 回复有任何疑惑可以回复我~

慕后端4350443
2017-08-01

但是为什么运行结果全部用红线围起来了?因为围起来的是p的内容，span也在p里，所以围起来了。如果想把apan单独围起来就要单独写一个span{1px solid red}

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

#1

慕码人8595002 提问者

恩恩对的

2017-08-01 回复有任何疑惑可以回复我~

RyanMans
2017-08-01

<p>是块状元素，对其内部标签的样式风格会带有继承的作用，span作为p 的内联元素，所以设置实心边框线的时候，也会被包围起来

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

慕娘45398
2017-08-01

全部圈起来不是很正常么，你给p设置红框，他不就把p圈起来么？

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

慕码人8595002 提问者
2017-08-01

那能举个更加合适的栗子吗，border不被继承的栗子

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

coolpail
2017-08-01

这是p标签的作用，如果span也有作用那么span也该围起来

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

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225792 人
解答问题 18234 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

5 回答border 不是没有继承性吗？

4 回答继承的问题

2 回答关于继承问题

5 回答关于继承问题

3 回答关于继承的问题

搜索更多本课相关问答

border继承问题？？？？

我要回答关注问题

意见反馈帮助中心 APP下载