作者: | 来源:互联网 | 2023-07-05 13:17
1.圆角
border-radius:50px;



2.盒阴影
box-shadow属性可以设置一个或多个下拉阴影的框
格式:box-shadow:水平偏移量,数值偏移量,模糊,扩展,颜色,外/内
默认为外阴影
偏移量:
水平方向正值往右,负值往左
竖直方向正值往下,负值往上
box-shadow:50px 30px 0 0 yellow;
box-shadow:50px 30px 0 0 yellow inset;

内阴影

3.边界图片
border-image
语法:border-image:source slice width outset repeat;