CSS的padding有什么作用?

来自:互联网
时间:2019-11-10
阅读:

CSS中padding属性用于设置内边距;可以设置元素所有内边距的宽度,或者设置各边上内边距的宽度。下面本篇文章就来给大家介绍一下CSS padding属性,希望对大家有所帮助。

padding属性是一个简写属性,在一个声明中设置所有内边距属性。

这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

注释:不允许使用负值。

属性值:

  • auto 浏览器计算内边距。

  • length 规定以具体单位计的内边距值,比如像素、厘米等。默认值是 0px。

  • % 规定基于父元素的宽度的百分比的内边距。

示例:

<html>
<head>
<style type="text/css">
td
{
padding-top: 10%
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>
这个表格单元拥有上内边距。
</td>
</tr>
</table>
</body>
</html>

效果图:

返回顶部
顶部