你的位置:首页 > 软件开发 > 网页设计 > Css3新特性总结之边框与背景(一)

Css3新特性总结之边框与背景(一)

发布时间:2016-11-22 08:00:10
本系列主要总结Css3一些新特性的认识,来源于《css揭秘》书之种。 一、半透明边框 css3最好用hsla,而不是rgba,hsla是:h:颜色值(0~360);s:饱合度(0%~100%);l:亮度(0%~100%);a:透明度(0~1) background-clip:裁 ...

Css3新特性总结之边框与背景(一)

本系列主要总结Css3一些新特性的认识,来源于《css揭秘》书之种。

一、半透明边框

  • css3最好用hsla,而不是rgba,hsla是:h:颜色值(0~360);s:饱合度(0%~100%);l:亮度(0%~100%);a:透明度(0~1)
  • background-clip:裁剪背景颜色,默认为border-box(背景颜色扩散到border);padding-box(背景颜色扩散到padding);content-box(背景颜色扩展到content)
  • 示例代码:
width:200px;height:200px;background: rebeccapurple;border: 10px solid hsla(300, 0%, 50%, 0.5);   background-clip: padding-box; //去掉和添加上此项可以看出效果

原标题:Css3新特性总结之边框与背景(一)

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。