首页 > 网页设计

内边距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内边距

相关合集

  • 破解版游戏下载推荐
破解版游戏下载推荐

简介:相信很多的玩家不管是在玩游戏还是在找游戏的很时候,都是会先看看有没有游戏破解的了,因为在游戏破解了之后是更容易受到玩家的喜爱,游戏里面的不管是功能还是各种角色等都是已经全部可以使用也是满级的等等,很多的种类的小编为了带了的不仅是一些比较好玩的破解的游戏,还是很火爆有的还可以赚钱的哦。