CSS是Cascading Style Sheets的縮寫,我們中文稱為「串聯樣式表」
CSS串聯樣式表教學『標籤元素邊框空白值』
  • padding-top:10px; /*上邊框留空白*/
  • padding-right:10px; /*右邊框留空白*/
  • padding-bottom:10px; /*下邊框留空白*/
  • padding-left:10px; /*左邊框留空白*/
邊框空白樣式運用範例
邊框空白樣式簡說
標籤元素內容和標籤元素邊框之間的空白設定


邊框空白樣式範例運用
<style type=text/css>
<!--
.pa{padding:0px;/*邊框空白0*/}
.pas{padding:10px;/*邊框空白10*/}
-->
</style>

<div class="pa">這區塊上下左右的邊框空白值都設為0</div>
<div class="pas">這區塊上下左右的邊框空白值都設為10</div>

這區塊上下左右的邊界值都設為0

這區塊上下左右的邊界值都設為10

邊框空白樣式簡化寫法:
padding:10px; /*四邊框留空白一起宣告相同值*/
padding:10pt 5pt 0pt 5pt;/*四邊不同值順序為上、右、下、左*/
XHTML1.0 | CSS | Copyright © 2001-2008 by OECSPACE