标签:样式 渐变 gradient stop H5 color background 第六章 shadow
第六章
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
语法:
标签:样式,渐变,gradient,stop,H5,color,background,第六章,shadow 来源: https://blog.csdn.net/tanglian1234/article/details/122268783
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。