background-clip指定了背景可以覆盖到什么范围。
background-origin指定了背景从什么位置开始。
在例子中设置背景平铺应该可以看得清楚些。

CSS3之前的背景,按规定是不会进入到边框的(IE6会污染边框),也就是从border跟padding的交界处开始,跟CSS3中background-origin的默认值一致。
clip会比较有用,毕竟显示背景一般都希望在内容区显示,这样就可以设置padding而不用担心背景会出现在padding区域。

 

 


 内圆角 

 方法一:

CSS3 进阶

 方法二:

CSS3 进阶

 

 


 

网格

CSS3 进阶

 

 


 波点

 

CSS3 进阶

 


 各种不规则形状

 

CSS3 进阶

CSS3 进阶

CSS3 进阶

CSS3 进阶

CSS3 进阶

CSS3 进阶

CSS3 进阶

 CSS3 进阶

 CSS3 进阶

 

相关文章:

  • 2021-08-21
  • 2021-11-01
  • 2021-10-12
  • 2021-10-09
  • 2021-04-19
  • 2021-11-05
  • 2022-12-23
猜你喜欢
  • 2021-07-05
  • 2021-11-27
  • 2021-04-09
  • 2021-08-30
  • 2021-09-19
  • 2018-12-18
相关资源
相似解决方案