CSS 表格单元格内边距样式
单元格内边距
th和td元素的CSS padding属性,可以用于设置HTML table元素定义的表格的单元格的内边距。可以使用一个属性值一次性设置上下左右内边距,也可以分开设置,比如使用两个值或三个值,或使用用padding-top、padding-left等等,具体的可以参考padding属性中的内容。
语法
th,td{padding:value;}
单元格内边距设置实例代码,及在线编辑器
<table class='p1'border='1'>
<tr><th>油桃</th><th>榴莲</th><th>香蕉</th></tr>
<tr><td>柠檬</td><td>青枣</td><td>杨桃</td></tr>
</table>
<style>
.p1{width:100%;height:60px;}
.p1 th{padding:5px;}
.p1 td{padding:15px;}
</style>
padding属性值
值 | 描述 |
---|---|
len | 长度值,单位为px、pt、cm等 |
百分比 | 单位为%,长度是相对于元素宽度的百分比 |
inherit | 从父元素继承内边距属性 |