首页 > 网页设计

内边距padding

发布时间:2010-07-14 14:33:58 来源:星知苑 作者:星之宇

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

<html>
<head>
<style type="text/css">
td.t1{padding-top: 2cm} [break] 
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内边距

相关合集

  • 战双帕弥什游戏合集
战双帕弥什游戏合集

简介:战双帕弥什这款游戏玩起来还是非常过瘾的,并且还支持多系统下载,不管是安卓还是iOS用户都能下载体验,虽然版本不同但是都是互通的,游戏的体积相对来说比较小,不会占用你手机太大的内存,运行速度超快。