内边距padding

今天学习内边距,对于表格中很实用。padding分为左内边距:padding-left、右内边距:padding-right、上内边距padding-top、下内边距:padding-bottom。其中可以用px单位和百分比单位表示

<html>
<head>
<style type="text/css">
td.t1{padding-top: 2cm}  
td.t2{padding-bottom:2cm}
td.t3{padding-left:20%}
td.t4{padding-right:30%}
</style>
</head>

<body>
<table border="1">
<tr>
<td class="tt">
这个表格单元拥有上内边距。
</td>
<td class="t2">这个表格单元拥有bottom内边距</td>
</tr>
<td class="t3">这个表格单元拥有left内边距</td><br>
<td class="t4">这个表格单元拥有right内边距</td><br>
</table>
</body>
</html>
演示:



这个表格单元拥有上内边距。
这个表格单元拥有bottom内边距
这个表格单元拥有left内边距 这个表格单元拥有right内边距


目前有 3 条评论

avatar

渣浆泵  2013-11-04 10:06 3楼

盒子模型里面最要的一部分 回复
avatar

南宁广告公司  2012-10-30 11:20 2楼

盒子模型里面最要的一部分 回复
avatar

南宁舞狮  2012-09-18 17:30 1楼

谢谢分享了 回复
昵称
邮箱
主页
提交
订阅