css盒模型

• 設置邊框

border-color:red;    /* 設置頂部邊框顏色為紅色 */  
border-width:10px;   /* 設置頂部邊框粗細為10px */   
border-style:solid;  /* 設置頂部邊框的線性為實線，常用的有：solid(實線)  
  dashed(虛線)  dotted(點線); */
可以總結為 border:10px solid red;

• 設置內(nèi)間距

padding-top：20px;     /* 設置頂部內(nèi)間距20px */ 
padding-left:30px;     /* 設置左邊內(nèi)間距30px */ 
padding-right:40px;    /* 設置右邊內(nèi)間距40px */ 
padding-bottom:50px;   /* 設置底部內(nèi)間距50px */
上面的順序是順時針，依次是上，右，下，左
也可以為padding：20px 40px 50px 30px;

3、css元素溢出

• overflow的設置項

1、visible 默認值。內(nèi)容不會被修剪，會呈現(xiàn)在元素框之外。
2、hidden 內(nèi)容會被修剪，并且其余內(nèi)容是不可見的，此屬性還有清除浮動、清除margin-top塌陷的功能。
3、scroll 內(nèi)容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。
4、auto 如果內(nèi)容被修剪，則瀏覽器會顯示滾動條以便查看其余的內(nèi)容。
5、inherit 規(guī)定應該從父元素繼承 overflow 屬性的值。