CSS盒子模型之内边

1、内边距

内边距在content外,边框内

2、内边距属性:

padding 设置所有边距

padding-bottom 设置底边距

padding-left 设置左边距

padding-right 设置右边距

padding-top 设置上边距

3、CSS边框:

我们可以创建出效果出色的边框,并且可以应用与任何元素

4、边框的样式:

border-style:定义了10个不同的非继承样式。包括 none

5、边框的单边样式:

border-top-style

border-left-style

border-right-style

border-bottom-style

6、边框的宽度:

border-width

7、边框单边的宽度:

border-top-width

border-left-width

border-right-width

border-bottom-width

8、边框的颜色:

border-color

9、边框单边的颜色:

border-top-color

border-left-color

border-right-color

border-bottom-color

10、CSS边框

border-radius:圆角边框

box-shadow:边框阴影 box-shadow:10px 10px 5px #FFccFF; 第一个10和第二个10代表向左向右移动的像素,5px代表背景像素

border-image:边框图片


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值