CSS padding

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