css颜色介绍和背景设置

举例：

hsl(0, 100%, 50% )//红色

hsl(240,100%,50%)//蓝色

hsl(240,100%,0%)//黑色

hsl(240,100%,100%)//白色

4.HSLA：hsla(hue, saturation, lightness, alpha)：alpha是0-1透明度设置。0完全透明，1不透明。

举例：

hsla(0, 100%, 50%,0 )//完全透明，没有颜色的红色

hsla(0, 100%, 50%,1)//红色

5.HEX：hex是使用十六进制值来指定颜色，格式为：#rrggbb，rr(红色)，gg(绿色)，bb(蓝色)是介于00-ff之间的十六进制值。

举例：

#ff0000 红色

#ffff00 黄色

#ffffff 白色，也可以将两个相同值合并，如#fff白色 #000黑色

6.颜色名称：tomato，orange, gray

如何设置背景颜色

========

背景设置时使用background属性或者background-color属性设置。举例：给网页设置红色背景。

body{

background:red | #ff0000 | rgb(255,0,0) | rgba(255,0,0,0) | hsl(0,100%,50% )

}

或

body{

background-color:red | #ff0000 | rgb(255,0,0) | rgba(255,0,0,0) | hsl(0,100%,50% )

}

如何设置背景图片

========

背景图片设置时使用background属性或background-image属性设置。举例：给网页设置一张大的背景图。

1. background-image:url(“”) /*设置背景图路径(相对和绝对路径)*/

2. background-repeat:repeat-x /*背景图是否重复，repeat-x水平方向重复；repeat-y垂直方向重复；no-repeat不重复；默认情况下两个方向都重复*/

3. **background-position:**0 0;/*背景图对齐方式，默认是左上角;(100% 0)right top设置到右上角；(100% 100%)right bottom设置到右下角；(0 100%)left bottom设置到左下角；0 0（left top）设置到左上角；center center 水平和垂直方向都居中 */

4. background-attachment:fixed;/*背景图是固定还是滚动。fixed固定背景图；scroll跟随页面滚动*/

body{

background-color:red;/背景颜色设置为红色，背景图覆盖不完全的时候，剩余的有背景颜色填充/

background-image:url(“bg.jpg”);/url中添加的是图片路径(相对和绝对路径)/

background-repeat:no-repeat;/设置背景图不重复/

background-attachment:fixed;/背景图固定/

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
有帮助，需要这份全套学习资料的朋友可以戳我获取！！**](https://bbs.csdn.net/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！