HTML5盒子模型。

盒子模型。

盒子由 margin、border、padding、content 四部分組成。

margin :外邊距

 

border:邊框

 

padding:內邊距 (內容與邊框的距離)

 

content:內容

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            div {
                /*設置背景顏色*/
                background-color: blue;
                /*設置寬高*/
                width: 250px;
                height: 250px;
                /*設置外邊距*/
                margin: 130px;
                /*設置邊框的:邊框的寬度 邊框的樣式 邊框的顏色*/
                border: 10px solid red;
                /*設置內邊距:上,右,下,左*/
                padding: 20px 40px 50px 100px;
            }
        </style>
    </head>
    <body>
        <div>ABCDEFG</div>
    </body>
</html>

 

 

上一篇: 創建簡單的node服務器

下一篇: 醫藥箱APP靜態小項目

分享到: 更多
幸运赛车pk10怎么玩法 龙虎刷流水 北京pk10高手看走势 云南快乐时时2019123 北京赛车pk10官网 一个骰子大小怎么玩 体彩11选五胆拖投注表 河内1分彩计划软件 彩票长龙提醒软件 二人麻将在线玩 重庆时时现场开奖视频 香港2019年特36码 管家婆一肖中特网 时时彩杂六规则 三公技巧免费视频教程 球探网足球即时比分