html中左右边距怎么写,css内边距怎么写?

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

6251ac9475d6db31f561c14d32603cff.png

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

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

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

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

049dd4e407fcf0c361576dcd1789fb34.png

可能的值:

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

⑵% 使用百分比值定义一个填充

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

示例:

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

td

{

padding-top: 10%

}

这个表格单元拥有上内边距。

效果图:

eba14b33d99d4c70cc6c6298adf15a25.png

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

td {padding-top: 2cm}

这个表格单元拥有上内边距。

效果图:

d63c552a4bedffd4547d0953474ffdf9.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值