CSS3新增UI样式_html/css_WEB-ITnose
程序员文章站
2022-05-26 18:56:40
...
- 圆角，border-radius: 1-4个数字/1-4个数字，前面是水平，后面是垂直，不给“/”表示水平和垂直一样，举例如下：
-
无标题文档 -
无标题文档 - 边框背景
-
无标题文档 - 线性渐变
无标题文档 - 可以设置多个背景
无标题文档 - border-image:边框图片
- border-image-source: 引入图片
- border-image-slice: 切割图片
- border-image-width: 边框宽度
- border-image-repeat: 图片的排列方式（round 平铺， repeat 重复， stretch 拉伸）
- border-colors：边框颜色
- 背景尺寸： background-size: x, y (100% 100%)
- background-origin: border | padding | content -box，分别表示从border区域开始显示背景，从padding区域开始显示背景，从content区域开始显示背景
- border-clip : border(从border区域向外裁剪背景)， padding(从padding区域向外裁剪背景)，content(从content区域向外裁剪背景)
- 遮罩