CSS3 padidng 内边距

padding

该属性用于设置元素的内边距,padding-leftpadding-rightpadding-toppadding-bottom这四个属性的缩写。

<div style="background: red; width: 220px; height: 220px; padding:10px;">
 <div style="background: green; width: 200px; height: 200px; "></div>
</div>

显示效果


语法

默认下padding对四个方向的值都做出设置,也可以逐个方向指定。

<!-- pading 逐个方向指定的顺序是 上、右、下、左,以下为 【上=10px】【右=20px】【下=30px】【左=40px】-->
<p style="padding: 10px 20px 30px 40px;"></p>

<!-- 如果是两个值的情况下,那么即是 【上下】【左右】 -->
<p style="padding: 10px 20px;"></p>
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程