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; //去掉和添加上此项可以看出效果