第六章
1.背景属性样式:2.背景颜色:关键字,RGB,十六进制
3.背景图片的重复方式:4.背景图片的定位:
注:在使用第一个值代表background-position属性的过程中,关键顺序不重要,left bottom和bottom left意义相同。若只设置一个值时,第一个值代表水平偏僻的位置,第二个值默认为居中。
5.背景的渐变:
(1)线性渐变:
background:linear-gradient(< angle >||< decoration>,< color _stop>,< color_stop>…);
< angle >:通过角度来确定渐变的方向。角度是指垂直线和渐变线之间的距离。0deg将创建一个从上到下的渐变,90deg将创建一个从左到右的渐变
< decoration >:通过代表的方向关键词来确定渐变的方向
< color_stop >:用于指定终止色,可以设置多个,0%表示起点,100%表示终点
重复性的渐变:repeating-linear-gradient
颜色的透明度:0表示完全透明,1表示完全不透明
(2)径向渐变:
background:radial-gradient(< shape >||< size>at< position >,< color_stop >,< color_stop >…);
6.文字阴影:
语法:
text-shadow:text-shadow:h-shadow v-shadow blur color;7.盒子阴影:box-shadow
语法: