CSS padding 是用來控制div table 內間距的,下面我們就來講一下padding 實例吧.

CSS padding

利用CSS填充，你將能夠更改默認的間隙內出現的各種HTML元素（段落，表格等） 。但首先，讓我們相信我們的理解定義的填充。阿填充的空間之間的一個組成部分的邊界和內容內。

請參閱下面的例子中的視覺表現。注：邊界已經取得了明顯的，對于每個元素，所以您可能更容易看到的效果填充

p {padding: 15px; border: 1px solid black; }?
h5{padding: 0px; border: 1px solid red;}

?

有幾種方法去界定的CSS填充屬性。我們將告訴你一切可能的方式，讓你知道其中的方法是最好的。

的CSS填充：
正如你看到上面的例子中，填充可以在一個統一的因素。指定一個值將建立一個統一的填充各方：上，右，下，左。除了使用精確值，你也可以定義填充使用的百分比。

p {padding: 2%; border: 1px solid black; }
h5{padding: 0px; border: 1px solid red;}

CSS填充：填充（方向） ：
每個HTML元素實際上有4個不同的paddings ：上，右，底部，離開。這是能夠確定這些個別paddings只是增加了方向后綴的填充屬性。例如形式：填充（方向） 。只有一個確定的方向將離開其他3默認paddings不變。

p { padding-left: 5px; border: 1px solid black; }
h5{
??? padding-top: 0px;
??? padding-right: 2px;
??? padding-bottom: 13px;
??? padding-left: 21px;
??? border: 1px solid red;
}

的CSS填充： 2 ＆ 4價值觀
四填充值可以被宣布為一次由指定兩個或四個值。當只使用兩個值，第一次將確定填充的頂部和底部，而第二個將確定填充的左，右。

當使用的四個價值填充規范，相應的方向是：上，右，下，左。為了幫助您記得什么命令，只記得，它始于頂端，然后順時針方向移動，直到它到達左邊。下面的例子顯示部分（ 2 ）和完成（ 4 ）填充使用。 來自:http://www.111cn.net/cssdiv/56/f1cad8ffb23e3e668d3d62cff5c4f368.htm

轉載于:https://www.cnblogs.com/alibai/p/4125136.html

總結

以上是生活随笔為你收集整理的CSS padding的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。