css属性之padding缩写方式

div+css的padding缩写方式
在css中使用padding可以将padding-top, padding-bottom, padding-left, padding-right缩写为一个标记。padding标记可以带一个、二个、三个、四个参数，各有不同的含义。
实例代码：

[CSS中国]-示例代码<html> <title>CSS中国 -- http://www.csschina.net </title> <body> <div style="border: 1px solid red; padding: 20px;"> <div style="border: 1px solid blue;"> padding: 20px;上、下、左、右各20px。 </div> </div> <div style="border: 1px solid red; padding: 20px 40px;"> <div style="border: 1px solid blue;"> padding: 20px 40px;上、下20px；左、右40px。 </div> </div> <div style="border: 1px solid red; padding: 20px 40px 60px;"> <div style="border: 1px solid blue;"> padding: 20px 40px 60px;上20px；左、右40px；下60px。 </div> </div> <div style="border: 1px solid red; padding: 20px 40px 60px 80px;"> <div style="border: 1px solid blue;"> padding: 20px 40px 60px 80px;上20px；右40px；下60px；左80px。 </div> </div> </body> </html>

本文由CSS中国整理

(责任编辑：admin)

我的网站

搜索

热门标签

css属性之padding缩写方式