html中边框与边框距离,css边框border与margin属性

CSS边框属性:

border不能分别定义4个边框的宽度,颜色和样式,只能统一定义,不可以对四个边设置不同的值,和margin与padding是不同的(后两者可以分别定义四个边的值).

border-top -- 定义上边框样式

border-right -- 定义右边框样式

border-bottom -- 定义下边框样式

border-left -- 定义左边框样式

CSS的margin属性:

边框的外面可以有一层边外补白(margin),边外补白可以把块级元素分开.边外补白定义了围绕某种元素(elements)的空白.

边外补白分为上边外补白(top),下边外补白(bottom),左边外补白(left),右边外补白(right).

边外补白(margin)只有宽度width一种属性.

适用于: 所有元素,除了 table-caption, table 和 inline-table

margin,中文"边、页边"的意思

如果margin属性后面跟随四个值,那么值的分配顺序是从上面开始以顺时针旋转分配

CSS中padding属性

边框的里面可以有一层边内补白(padding),边内补白定义了边框与边框里面内容的距离.

边内补白分为上边内补白(top),下边内补白(bottom),左边内补白(left),右边内补白(right).

边内补白只有width一种属性.

*padding边内补白可以取负值;边内补白是看不到的,因为它本身是透明的*

a4c26d1e5885305701be709a3d33442f.png

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值