#yyds干活盘点# 2 CSS3 的边框

2022-06-06 IT知识边框 css3

知是行的主意,行是知的功夫。这篇文章主要讲述#yyds干活盘点# 2 CSS3 的边框相关的知识，希望能为你提供帮助。
一、CSS3的边框：1.border-radius：用于创建圆角

border-radius属性

四个值：左上角，右上角，右下角，左下角
三个值：左上角，右上角和左下角，右下角
两个值：左上角与右下角，右上角与左下角
一个值：四个圆角值相同

2.border-image：使用图片创建边框

border-image属性

值	说明
border-image-source	边框图片的路径
border-image-slice	图片边框向内偏移
border-image-width	图片边框的宽度
border-image-outset	边框图像区域超出边框的量
border-image-repeat	图像是否应该平铺、铺满、或拉伸

3.box-shadow ：用来添加阴影

Box-shadow的属性

值	说明
h-shadow	必需，水平阴影的位置，允许负值
【#yyds干活盘点# 2 CSS3 的边框】v-shadow	必需，垂直阴影的位置，允许负值
blur	可选，模糊距离
spread	可选，阴影的尺寸
color	可选，阴影的颜色
inset	可选，将外部阴影（outset）改为内部阴影

推荐阅读

上一篇：卷积神经网络结构优化综述

下一篇：#yyds干货盘点#k8s资源清单常用参数