当前位置:Gxlcms > html代码 > CSS3新增UI样式_html/css_WEB-ITnose

CSS3新增UI样式_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:29人阅读

  1. 圆角,border-radius: 1-4个数字/1-4个数字,前面是水平,后面是垂直,不给“/”表示水平和垂直一样,举例如下:
  2.         无标题文档        

  3.         无标题文档        

  4. 边框背景
  5.         无标题文档    

  6. 线性渐变

            无标题文档    

  7. 可以设置多个背景

            无标题文档        

  8. border-image:边框图片
  9. border-image-source: 引入图片
  10. border-image-slice: 切割图片
  11. border-image-width: 边框宽度
  12. border-image-repeat: 图片的排列方式(round 平铺, repeat 重复, stretch 拉伸)
  13. border-colors:边框颜色
  14. 背景尺寸: background-size: x, y (100% 100%)
  15. background-origin: border | padding | content -box,分别表示从border区域开始显示背景,从padding区域开始显示背景,从content区域开始显示背景
  16. border-clip : border(从border区域向外裁剪背景), padding(从padding区域向外裁剪背景),content(从content区域向外裁剪背景)
  17. 遮罩

人气教程排行