这一章开始是用图片的形式来创建圆角框,由于没有找到素材,并且css3可以解决圆角框问题,所以直接看border-radius方法


圆角框

border-radius设置的是圆角圆的半径。
让一个框显示边框可以这么写:
.box{border:5px solid #000000}

border-image是用图片每个部分用于对应的边框

投影

讲了不用box-shadow如何实现投影
然后是box-shadow如何实现
box-shadow:3px 3px 6px #666
这里第一个3px指的是阴影对于原图x轴上的位移,第二个是y轴上的位移,6px是阴影的模糊举例(可以理解为多少个距离进行一次模糊,数值越小,阴影越深,最后一个是阴影颜色,这个理解是有一定问题的)

透明度

RGBa设置透明度。
background-color:rgba(0,0,0,0.8)
前三个是rgb值,最后一个是透明度,1为不透明,0为完全透明

视差滚动

这个有待学习,这个书上的素材没有,用其他素材体会不到这个效果是在干嘛。

图像替换

暂时理解为艺术字(这个真的每台看懂是在干嘛)

总之这一章没有素材看起来比较难受。