优艾设计网

空隙是如何产生的??

<html> <head> <style type="text/css"> body { width:400px; font-size:30px; } #top { width:400px; line-height:30px; background-color:#6CF; padding-left:5px; } #box { width:400优艾设计网_电脑技术px; background-color:#FF6; padding-left:5px; position:static; } #box-1 { width:350px; background-color:#C9F; margin-left:20px; padding-left:5px; } #box-2 { width:350px; background-color:#C6F; margin-left:20px; padding-left:5px; } #box-3 { width:350px; background-color:#C3F; margin-left:20px; padding-left:5px; } #footer { width:400px; line-height:30px; background-color:#6CF; padding-left:20px; } </style> </head> <body> <div id="top">id=&quot;top&quot;</div> <div id="box">id=&quot;box&quot; <div id="box-1"> <p>id=&quot;box-1&quot;</p> </div> <div id="box-2"> <p>id=&quot;box-2&quot;</p></div> <div id="box-3"> <p>id=&quot;box-3&quot;</p> </div> </div> <div id="footer">id=&quot;footer&quot;</div> </body> </html>下面是显示效果

读了半天css,也想不出,空隙是如何产生的?


360U2923861514 优艾设计网_电脑技术 2022-06-02 05:47

空隙是p标签的原生样式产生的,可以直接一开始就把p标签的margin和padding设置为0,这样就不会有空隙了,需要margin或者padding再加上,这样样式也好控制些


emilyxh_99 优艾设计网_在线设计 2022-06-02 06:04

margin和padding,你可以设置margin-top:0,padding 也有类似的属性http://www.w3school.com.cn/cs...


0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜