CSS如何获取想要颜色以及背景视觉差的实现

最新推荐文章于 2024-08-22 16:10:15 发布

RaoDuty

最新推荐文章于 2024-08-22 16:10:15 发布

阅读量1.1k

点赞数

分类专栏：成长过程文章标签： css html

本文链接：https://blog.csdn.net/qq_42724864/article/details/104621284

版权

本文介绍了CSS中颜色的设置方法，包括单词表示法、16进制和RGB三原色表示法，并提供了获取网页颜色的工具和方法。同时，详细讲解了背景样式的属性，如`background-color`、`background-image`、`background-repeat`和`background-position`，并展示了如何通过`background-attachment`实现视觉差效果。

摘要由CSDN通过智能技术生成

提到CSS，颜色的设置大家经常都会为了设置合适的颜色属性，而煞费苦心，今天总结一下CSS颜色的设置，以及怎么快速提取出想要的颜色

1.CSS中的颜色表示法
1.单词表示法
background color：背景颜色 red blue green…
2.16进制表示法
#000000–#FFFFFF
3.RGB三原色表示法
rgb（255，255，255）;
取值范围0-255
红绿蓝三原色法

那么我们已经有了颜色属性的设置方法了，怎么获取得到理想中的颜色呢？
获取网页颜色的方法：
1.下载FE助手插件，提取网页中颜色会返回16进制表示法，并且可以直接复制得出16进制数据
2.PS软件截图-在PS中打开-吸管工具，不仅可以得到16进制颜色，还可以得到对于的RPG值

例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    div{