📄️ 半透明边框
默认情况下, 元素的背景会延伸到元素边框所在的区域下层。这一点很容易验证,给一个有背景的元素加一道的虚线边框,就可以看出来:
📄️ 多重边框
box-shadow 属性可以制造投影,一个正值的扩张半径(第四个参数),加上两个为零的偏移量(第一和第二个参数)以及为零的模糊值(第三个参数),得到的“投影”其实就像一道实线边框。
📄️ 灵活的背景定位
background-position 属性已经得到扩展,它允许我们指定背景图片距离任意角的偏移量。只要我们在偏移量前面指定关键字(top / right / bottom / left)。
📄️ 条纹背景
了解渐变属性中的色标,对于 DRY 非常有益。
📄️ 复杂的背景图案
像贴瓷 砖一样,多个贴片平铺开来,可以组成复杂的、美观的背景图案,每个贴片通常有多个渐变图案。
📄️ 伪随机背景
将某一颜色作为底色,另三种颜色作为条纹,然后再让条纹以不同的间隔进行重复平铺。
📄️ 连续的图像边框
前几节我们有提到,背景图案默认是一直延续到边框的外沿的,如果把边框设置为透明色,背景图就会露出来。