当前阅读教程:CSS入门到精通 > 所有填充属性 padding | |||||||||||||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||||||||
上一篇: 元素底部填充 padding-bottom | 下一篇: CSS 分组和嵌套 | ||||||||||||||||
浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号 属性定义及使用说明 padding 简写属性在一个声明中设置所有填充属性。该属性可以有1到4个值。 代码解析:padding:10px 5px 15px 20px; n 上填充是 10px n 右填充是 5px n 下填充是 15px n 左填充是 20px padding:10px 5px 15px; n 上填充是 10px n 右填充和左填充是 5px n 下填充是 15px padding:10px 5px; n 上填充和下填充是 10px n 右填充和左填充是 5px padding:10px; n 所有四个填充都是 10px 注意: 负值是不允许的。
属性值
实例代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>所有填充属性 padding</title> <!--定义内部样式--> <style> p{ border: 1px solid; /*边框*/ } .css1{ padding: 20px;/*填充*/ } .css2{ padding: 20px 50px;/*填充*/ } </style> </head> <body> <p>这是一个没有填充边距的文本</p> <p>这个文本两边的填充边距一样。每边的填充边距为20px</p> <p>这个文本的顶部和底部填充边距都为20px,左右的填充边距为50px。</p> </body> </html> 效果图 |
|||||||||||||||||
上一篇: 元素底部填充 padding-bottom | 下一篇: CSS 分组和嵌套 |