css标签与标签怎么设置距离(2)-木庄网络博客

2022-02-26 23:55:33 PHP中文网 JavaScript 百度已收录

在css标签内，使用“*”初始化页面中所有的html元素内外边距都为0，设置类名为tzpp的div元素宽度为200px；设置div下面的，边框为1px灰色边框，使用margin-top属性设置两个p标签之间的距离为20px。

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="utf-8">
        <style>
            *{
                margin: 0;
                padding: 0;
            }
            .tzpp{
                width: 200px;
            }
            .tzpp p{
                line-height: 30px;
                border: 1px solid #ccc;
                margin-top:20px ;
            }
        </style>
    </head>
 
    <body>
        <div class="tzpp">
        <p>这是第一行测试文本。</p>
        <p>这是第二行测试文本。</p>
        </div>
    </body>
 
</html>