css内边距怎么设置?

在前端开发中经常会使用css盒子模型,一般我们会通过css设置width(宽度),padding(内边距),margin(外边距)等属性可以调节整个盒子的大小。

下面我们来看一下设置padding(内边距)的方法:

我们的内间距是属于css盒模型之中的一种,那么现在我们来看看内间距都是怎么设置的吧。

padding: 是一个简写属性,可以设置一个声明中的所有内边距属性。

单独使用 padding 属性可以改变上下左右的填充。

可能的值:

  • length:定义一个固定的填充(像素, pt, em,等)

  • ��使用百分比值定义一个填充

注意:padding 属性接受长度值或百分比值,但不允许使用负值。

示例:

1、使用百分比值来设置单元格的上内边距。

<html>
<head>
<style type="text/css">
td
{
padding-top: 10}
</style>
</head>
<body>
<table border="1">
<tr>
<td>
这个表格单元拥有上内边距。
</td>
</tr>
</table>
</body>
</html>

效果图:

2、使用厘米值来设置单元格的上内边距。

<html>
<head>
<style type="text/css">
td {padding-top: 2cm}
</style>
</head>

<body>
<table border="1">
<tr>
<td>
这个表格单元拥有上内边距。
</td>
</tr>
</table>
</body>

</html>

效果图:

更多前端开发知识,请关注 HTML中文网 !!

以上就是css内边距怎么设置?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读