css padding什么意思?

css padding是“内边距”的意思。padding是CSS中的一个简写属性,用于设置元素的内边距,可以在一个声明中设置所有内边距属性。

Padding属性定义元素边框与元素内容之间的空间。

padding 简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。

当元素的 Padding(填充)(内边距)被清除时,所"释放"的区域将会受到元素背景颜色的填充。

单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用,一旦改变一个数值,则padding对应的距离都会改变。

语法结构

padding-top:20px;//上内边距
padding-right:30px;//右内边距
padding-bottom:30px;//下内边距
padding-left:20px;//左内边距

padding:1px  //四边统一内边距
 
padding:1px 1px  //上下,左右内边距
 
padding:1px 1px 1px  //上,左右,下内边距
 
padding:1px 1px 1px 1px  //上,右,下,左内边距

注释:不允许使用负值。

属性值

1.png

浏览器支持

所有浏览器都支持 padding 属性。

注释:任何的版本的Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p.ex1 {padding:2cm;border: 1px solid red;}
p.ex2 {padding:0.5cm 3cm;border: 1px solid red;}
</style>
</head>

<body>
<p class="ex1">这个文本两边的填充边距一样。每边的填充边距为2厘米。</p>
<p class="ex2">这个文本的顶部和底部填充边距都为0.5厘米,左右的填充边距为3厘米。</p>
</body>
</html>

效果图:

2.png

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是css padding什么意思?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏