CSS内边距

盒子的内边距就是盒子边框到内容之间的距离，和表格的填充属性（cellpadding）比较相似。如果填充属性为0，则盒子的边框会紧挨着内容，这样通常不美观。

当对盒子设置了背景颜色或背景图像后，那么背景会覆盖padding和内容组成的范围，并且默认情况下背景图像是以padding的左上角为基准点在盒子中平铺的

CSS 内边距属性（Padding）
属性	描述
padding	在一个声明中设置所有内边距属性。
padding-top	设置元素的上内边距。
padding-right	设置元素的右内边距。
padding-bottom	设置元素的下内边距。
padding-left	设置元素的左内边距。

可以在一个声明中按照上、右、下、左的顺序分别设置各边的内边距属性
也可以通过下面四个单独的属性padding-top、padding-right、padding-bottom以及padding-left分别设置上、右、下、左内边距：

<head>
    <title>CSS padding属性</title>
    <style type="text/css">
        div{
          width:50%;
          padding:10px 80px 5px 20px;
          border:1px solid red;
         }
    </style>
</head>
<body>
    <div>国外技术站点Mashable.com评出了开发人员在2011年应该关注的5项Web开发技术，包括jQuery Mobile(jQuery移动版)、Hardware-Accelerated Web Browsers(基于硬件加速的浏览器)、Node.js(服务器端JavaScript)、Real-Time Clickstream Sharing(实时点击流分享)、NoSQL Databases(NoSQL数据库)入选。</div>
</body>

CSS内边距属性