padding屬性允許您指定元素的內容與其邊框之間應該顯示多少空間−
此屬性的值應爲長度、百分比或單詞inherit。如果值是inherit，則它將具有與其父元素相同的填充。如果使用百分比，則百分比爲包含框的百分比。
以下CSS屬性可用於控制列表。您還可以使用以下屬性爲框的每一側的填充設置不同的值−
padding bottom指定元素的底部填充。
padding top指定元素的頂部填充。
左填充指定元素的左填充。
向右填充指定元素的右填充。
填充用作前面屬性的簡寫。
現在，我們將通過示例了解如何使用這些屬性。
The padding-bottom Property
padding bottom屬性設置元素的底部填充（空格）。這可以採用長度爲%的值;。
下面是一個例子;
<html>
<head>
</head>
<body>
<p style = "padding-bottom: 15px; border:1px solid black;">
This is a paragraph with a specified bottom padding
</p>
<p style = "padding-bottom: 5%; border:1px solid black;">
This is another paragraph with a specified bottom padding in percent
</p>
</body>
</html>
它將產生以下結果&負;
The padding-top Property
padding top屬性設置元素的頂部填充（空格）。這可以採用長度爲%的值;。
下面是一個例子;
<html>
<head>
</head>
<body>
<p style = "padding-top: 15px; border:1px solid black;">
This is a paragraph with a specified top padding
</p>
<p style = "padding-top: 5%; border:1px solid black;">
This is another paragraph with a specified top padding in percent
</p>
</body>
</html>
它將產生以下結果&負;
The padding-left Property
padding left屬性設置元素的左填充（空格）。這可以採用長度爲%的值;。
下面是一個例子;
<html>
<head>
</head>
<body>
<p style = "padding-left: 15px; border:1px solid black;">
This is a paragraph with a specified left padding
</p>
<p style = "padding-left: 15%; border:1px solid black;">
This is another paragraph with a specified left padding in percent
</p>
</body>
</html>
它將產生以下結果&負;
The padding-right Property
padding right屬性設置元素的右padding（空格）。這可以採用長度爲%的值;。
下面是一個例子;
<html>
<head>
</head>
<body>
<p style = "padding-right: 15px; border:1px solid black;">
This is a paragraph with a specified right padding
</p>
<p style = "padding-right: 5%; border:1px solid black;">
This is another paragraph with a specified right padding in percent
</p>
</body>
</html>
它將產生以下結果&負;
The Padding Property
padding屬性設置元素的左、右、頂部和底部填充（空格）。這可以採用長度爲%的值;。
下面是一個例子;
<html>
<head>
</head>
<body>
<p style = "padding: 15px; border:1px solid black;">
all four padding will be 15px
</p>
<p style = "padding:10px 2%; border:1px solid black;">
top and bottom padding will be 10px, left and right
padding will be 2% of the total width of the document.
</p>
<p style = "padding: 10px 2% 10px; border:1px solid black;">
top padding will be 10px, left and right padding will
be 2% of the total width of the document, bottom padding will be 10px
</p>
<p style = "padding: 10px 2% 10px 10px; border:1px solid black;">
top padding will be 10px, right padding will be 2% of
the total width of the document, bottom padding and top padding will be 10px
</p>
</body>
</html>
它將產生以下結果&負;