美文网首页
CSS-尺寸样式属性

CSS-尺寸样式属性

作者: 小驴拉磨 | 来源:发表于2020-08-05 12:00 被阅读0次
    image.png
    image.png

    代码:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>尺寸样式属性</title>
        <style type="text/css">
            /*
            使用类选择器来设置样式
            */
            .box{
                width: 100px;
                height: 100px;
                background-color: #f00;
            }
    
            span{
                width: 100px;
                height: 100px;
                background-color: #00f;
            }
            
    
        </style>
    </head>
    <body>
        <div class="box"></div>
    
        <span>asdfgh</span>
    </body>
    </html>
    

    注意:<span></span>标签不能设置宽高,因为span是行内元素,不可以设置宽度和高度。块级元素才能设置宽度和高度。

    相关文章

      网友评论

          本文标题:CSS-尺寸样式属性

          本文链接:https://www.haomeiwen.com/subject/fycgrktx.html