首页 > 网页设计

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

相关合集

  • 最受欢迎的新闻app排行
最受欢迎的新闻app排行

简介:在生活中难免是要和亲朋好友一起交谈的,没有谈资怎么行,现在的软件很多的新闻资讯平台,五花八门多种样式功能不一,想要有一款好用的不知道怎么找不要紧,小编已经为你整理好了把一些比较好的新闻软件进行排行分享推荐给你,赶紧来下载看看绝对是你喜欢的。