要设置内边框,大家可以使用padding
属性。该属性允许大家设置元素的内边距,也就是元素边框和元素内容之间的距离。
.selector { padding: 10px; /* 设置内边距为10像素 */ }
上面的示例会将元素的内边距设置为10像素,这意味着元素内容与边框之间会有10像素的间隔。如果需要设置不同的垂直和水平内边距,可以使用padding-top
、padding-bottom
、padding-left
和padding-right
属性。
.selector { padding-top: 5px; /* 上边距为5像素 */ padding-bottom: 10px; /* 下边距为10像素 */ padding-left: 15px; /* 左边距为15像素 */ padding-right: 20px; /* 右边距为20像素 */ }
还可以使用padding: 上 右 下 左
的方式来分别设置上、右、下、左方向的内边距。
.selector { padding: 5px 10px 15px 20px; /* 上、右、下、左内边距分别为 5px、10px、15px、20px */ }
除了使用padding
属性,大家还可以使用CSS中的border-spacing
属性为表格单元格设置内边距。这个属性允许大家设置表格间隔,也就是相邻单元格或表格边框之间的距离。
table { border-spacing: 10px; /* 设置表格间隔为10像素 */ }
这样一来,相邻单元格之间就会有一个10像素的间隔。