HTML盒子模型

標籤：color   box   .com   邊框   css   分享   pad   padding   設定   

一、什麼是盒子模型？

　　CSS中， Box Model叫盒子模型（或框模型），

Box Model規定了元素框處理元素內容（element content）、

內邊距（padding）、邊框（border） 和 外邊距（margin） 的方式

 

二、第一層邊框——border的常用屬性

     1、border-color——邊框顏色

     2、border-style——邊框樣式

                dashed:虛線;solid:細線

     3、border-width——邊框寬度，單位像素px

     4、border：粗細，顏色，樣式

三、第二層——外邊距margin

四、第三層——內邊距 padding

           

ps：邊框、外邊距、內邊距，都按順時針方向，

【上，右，下，左】 設定

HTML盒子模型