第八篇、盒子模型和距中的设置方法

最新推荐文章于 2021-06-04 10:17:32 发布

Msro

最新推荐文章于 2021-06-04 10:17:32 发布

阅读量166

点赞数

原文链接：http://www.cnblogs.com/HJQ2016/p/5832298.html

版权

<!--
    1.外边距 margin
    2.边框 border solid(线的类型) 
    --border-width 
    --border-style
    --border-color
    3.内边距 padding（四个值（上右下左） 三个值（上 左右 下）两个值（上下 左右））
    4.content（内容）
    
    IE浏览器的适配很麻烦
    
    居中：
        margin:0px auto;
        text-align:center;
        line-height:0px;
    
-->
<html>
    <head>
        <meta charset="UTF-8">
        <title>盒子模型</title>
        
        <style>
            div{
                background-color:red;
                width:500px;
                height:40px;
                margin:15px;
                padding:15px;
                overflow:auto;
                border:10px solid green;
            }
            
            .test1{
                
            }
            span{
                background-color:purple;
                margin:0px auto;
            }
        </style>
    </head>
    <body>
        <div>22222222222222222222222222222222222</div>
        
        <div class="test1">
            <span>22222222222222222</span>
        </div>
    </body>
</html>

转载于:https://www.cnblogs.com/HJQ2016/p/5832298.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Msro

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第八篇、盒子模型和距中的设置方法

<!-- 1.外边距 margin 2.边框 border solid(线的类型) --border-width --border-style --border-color 3.内边距 padding（四个值（上右下左）三个值（上左右下）两个值（上下左右）） 4.content（内容） ...
复制链接

扫一扫