margin用法

最新推荐文章于 2024-04-15 19:17:28 发布

小白在努力！

最新推荐文章于 2024-04-15 19:17:28 发布

阅读量717

点赞数 1

分类专栏： HTML CSS 文章标签： html css

本文链接：https://blog.csdn.net/giserhfbuie/article/details/114780779

版权

HTML 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

CSS

7 篇文章 0 订阅

订阅专栏

<html>
    <head>
        <style>
            span{
                background-color: rgb(231, 70, 48);
            }
            i{/*margin用于设置当前标记距离其他标记的间距,外边距*/
                background-color: rgb(200, 78, 211);
                display: inline-block;/*i是行内元素，需要把他改为块级元素，这时可以用inline-block，既有行内元素的特点又有块级元素的特点*/
                /*margin-top:10px;*//*margin是边距的意思，这里为距离顶部10px的距离*/
                /*margin-bottom: 20px;*//*距离底部20px*/
               /* margin-left: 10px;*//*距离左边距10px*/
                /*margin-right: 10px;*//*距离右边距10px*/
                margin:10px;/*都是10px*/
                margin:10px 20px;/*上下10px 左右20px*/
                margin: 10px 20px 5px;/*上10px 左右20px 下5px*/
                margin:10px 15px 20px 5px;/*上 右 下 左（顺时针）*/
                
            }
        </style>
    </head>
    <body>
        <div style="border: 1px solid black;">北京天安门</div>
        <span>大学</span><i>Hello</i><span>大学</span>
        <div style="border: 1px solid black;">上海东方明珠</div>
    </body>
</html>

小白在努力！

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
margin用法

<html> <head> <style> span{ background-color: rgb(231, 70, 48); } i{/*margin用于设置当前标记距离其他标记的间距,外边距*/ background-color: rgb(200, 78, 211); disp.
复制链接

扫一扫