H5行级元素水平距离和块级元素上下距离

最新推荐文章于 2021-06-28 12:39:45 发布

一只头秃的死肥宅

最新推荐文章于 2021-06-28 12:39:45 发布

阅读量4.3k

点赞数 1

分类专栏： HTML5 文章标签： HTML5 新手布局行级块级

本文链接：https://blog.csdn.net/xuemoKingDeath/article/details/70521248

版权

HTML5 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        #span1{
            background-color: #4d2e83;
            margin-right: 20px;
        }
        #span2{
            background-color: #42668f;
            margin-left: 30px;
        }
    </style>
    <title>行级标签的左右外边距</title>
</head>
<body>
<span id="span1">6666666666</span><span id="span2">66666666</span>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        #div1{
            height: 100px;
            width: 100px;
            background-color: #cccccc;
            margin-bottom: 20px;
            float: left;
            margin-right: 20px;
        }
        #div2{
            height: 100px;
            width: 100px;
            background-color: #FF6500;
            margin-top: 30px;
            float: left;
            margin-left: 30px;
        }
    </style>
    <title>块级元素的上下边距</title>
    <!--行级元素之间水平的距离 取和
        块级元素之间的上下距离取 最大值  -->
</head>
<body>
<div id="div1">6666</div>
<div id="div2">666666</div>
</body>
</html>

一只头秃的死肥宅

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5行级元素水平距离和块级元素上下距离

html>html lang="en">head> meta charset="UTF-8"> style> *{ padding: 0; margin: 0; } #span1{ background-color: #4d2e83;
复制链接

扫一扫

专栏目录