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从父元素继承内边距属性

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.