no8 美化超链接列表（背景样式）.pptxVIP

;入门测

作业分析

知识回顾

元素之间有祖孙、父子、兄弟关系

组合选择器：headera{};lia{};h2~p{};

分组选择器：h1,h2,h3,h4{};

属性选择器：input[type=”text”]{};

伪类选择器：a:hover{}；li:nth-child(even){};;背景样式的灵活运用可以增强页面的视觉层次感，使页面更符合现代设计趋势。此外，列表中的项目符号也通常使用背景图片来表示。

本任务主要学习列表样式及CSS背景样式的设置，美化超链接列表。;学习内容;background-color设置纯色背景，常用取值方式：

颜色名:如red、blue、green等，种类有限。

十六进制值:如#FF0000代笔纯红色、#FFFFFF代表纯白色，最为常用。

RGB值：如rgb(255,0,0)代表纯红色。

RGBA值：设置带有透明度的背景，透明度的取值范围为0到1之间，如rgba(255,255,255,0.5)代表半透明白色。;background-image可用于创建渐变背景图，实现颜色平滑过渡。;2.渐变背景;3.设置背景图片;背景图设置有四个核心属性，为了方便记忆，我们可以把它总结为四个步骤：

一放·二铺·三位置·四大小

;一放：background-imag