当前位置:首页 > 网页设计 > 内边距padding

内边距padding

作者:星之宇 ┊ 时间:2010-7-14 14:33 ┊ 分类: 网页设计 ┊ 阅读:16181 ┊ 评论:3
今天学习内边距,对于表格中很实用。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楼
谢谢分享了