border繼承問題？？？？
p{border:1px solid red;}這個只是給p標簽設置了邊框為1像素、紅色、實心邊框線，而對于子元素span是沒用起到作用的
但是為什么運行結果全部用紅線圍起來了
慕碼人8595002
2017-08-01
6 回答
舉報
0/150
提交
取消
2017-08-01
因為<span>標簽所是嵌套在<p>標簽中，因此看上去也會被紅色框圈起來。如果設置<span>的樣式為span{border:1px solid red;}，網頁中會出現兩個紅色的框，一大一小，小的只框住了<span>標簽
2017-08-01
但是為什么運行結果全部用紅線圍起來了?因為圍起來的是p的內容，span也在p里，所以圍起來了。如果想把apan單獨圍起來就要單獨寫一個span{1px solid red}
2017-08-01
<p>是塊狀元素，對其內部標簽的樣式風格會帶有繼承的作用，span作為p 的內聯元素，所以設置實心邊框線的時候，也會被包圍起來
2017-08-01
全部圈起來不是很正常么，你給p設置紅框，他不就把p圈起來么？
2017-08-01
那能舉個更加合適的栗子嗎，border不被繼承的栗子
2017-08-01
這是p標簽的作用，如果span也有作用那么span也該圍起來