CSS：background-color

最新推荐文章于 2023-05-07 15:13:38 发布
最新推荐文章于 2023-05-07 15:13:38 发布
阅读量1.4k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： Web技巧 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/pkushinhwa/article/details/6152304
本文列举了大量标准颜色名称，包括但不限于各种界面设计中常见的颜色选项。这些颜色可用于网页设计、UI元素定义以及其他视觉展示场合。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ActiveBorder
ActiveCaption
ActiveCaptionText
AppWorkspace
Control
ControlDark
ControlDarkDark
ControlLight
ControlLightLight
ControlText
Desktop
GrayText
Highlight
HighlightText
HotTrack
InactiveBorder
InactiveCaption
InactiveCaptionText
Info
InfoText
Menu
MenuText
ScrollBar
Window
WindowFrame
WindowText
Transparent
AliceBlue
AntiqueWhite
Aqua
Aquamarine
Azure
Beige
Bisque
Black
BlanchedAlmond
Blue
BlueViolet
Brown
BurlyWood
CadetBlue
Chartreuse
Chocolate
Coral
CornflowerBlue
Cornsilk
Crimson
Cyan
DarkBlue
DarkCyan
DarkGoldenrod
DarkGray
DarkGreen
DarkKhaki
DarkMagenta
DarkOliveGreen
DarkOrange
DarkOrchid
DarkRed
DarkSalmon
DarkSeaGreen
DarkSlateBlue
DarkSlateGray
DarkTurquoise
DarkViolet
DeepPink
DeepSkyBlue
DimGray
DodgerBlue
Firebrick
FloralWhite
ForestGreen
Fuchsia
Gainsboro
GhostWhite
Gold
Goldenrod
Gray
Green
GreenYellow
Honeydew
HotPink
IndianRed
Indigo
Ivory
Khaki
Lavender
LavenderBlush
LawnGreen
LemonChiffon
LightBlue
LightCoral
LightCyan
LightGoldenrodYellow
LightGray
LightGreen
LightPink
LightSalmon
LightSeaGreen
LightSkyBlue
LightSlateGray
LightSteelBlue
LightYellow
Lime
LimeGreen
Linen
Magenta
Maroon
MediumAquamarine
MediumBlue
MediumOrchid
MediumPurple
MediumSeaGreen
MediumSlateBlue
MediumSpringGreen
MediumTurquoise
MediumVioletRed
MidnightBlue
MintCream
MistyRose
Moccasin
NavajoWhite
Navy
OldLace
Olive
OliveDrab
Orange
OrangeRed
Orchid
PaleGoldenrod
PaleGreen
PaleTurquoise
PaleVioletRed
PapayaWhip
PeachPuff
Peru
Pink
Plum
PowderBlue
Purple
Red
RosyBrown
RoyalBlue
SaddleBrown
Salmon
SandyBrown
SeaGreen
SeaShell
Sienna
Silver
SkyBlue
SlateBlue
SlateGray
Snow
SpringGreen
SteelBlue
Tan
Teal
Thistle
Tomato
Turquoise
Violet
Wheat
White
WhiteSmoke
Yellow
YellowGreen
CSS 背景色 背景图片 渐变背景 - 径向渐变 background-image:radial-gradient()
weixin_41771260的博客
03-25 2204
radial-gradient() 用来生成径向渐变的图片 基础语法 background-image: radial-gradient( shape extent at positionX positionY, colorStop positionStrop, colorStrop_2 positonStop_2, …… ) 参数说明 参数名称 说明 备注 shape...
CSS background-blend-mode: 创造视觉奇效的艺术工具
最新发布
艾恩小灰灰的博客
05-15 695
为网页设计带来了前所未有的创造性自由，使开发者能够轻松地在网页上实现类似Photoshop的专业级图像处理效果。通过实践和探索，你可以解锁更多视觉表现的可能性，为用户带来更加丰富和吸引人的界面体验。希望本文能激发你对这一强大特性的兴趣，开启一段充满创意的前端之旅。
表示颜色的单词 CSS background-color
wuyujin1997的博客
11-24 826
上网的时候突然打开F12，想改一下 body 标签的 background-color 。 鼠标单击background 属性的值，开始编辑：删除默认值，然后可以看到一个下拉列表，让我们选一种颜色。 然后我突然就想拿到这个列表里的所有单词，然后把有用的颜色(好看的颜色)背下来。background-color switch用这些单词设置颜色，写了个HTML，方便查看： 源码： 颜色 单词 background 与 background-color 的区别 See at: https://www.runo
在uni-app项目中设置背景颜色/微信小程序设置 backgroundColor无效的问题
dandanmei0513的博客
05-07 1530
uniapp设置背景颜色无效
background-color的默认值：transparent
进击的WEB前端-小黄毛
03-23 3215
background-color的默认值：transparent
uni——单选、多选、复选款自定义样式、重置、搜索样式的
努力、拼搏、奋进
11-28 7148
uni——单选、多选、复选款自定义样式、重置、搜索样式的
element更改导航菜单被选中项的背景颜色
热门推荐
AHRL__的博客
06-29 6万+
element更改导航栏被选中项的背景颜色 在使用element的导航栏菜单时，官方文档指明可以改变导航栏的的背景颜色，字体颜色以及选中项的字体颜色，但是有时我们想要使用自定义颜色。在F12中可以看见，在设置了官方文档中的background-color、text-color、active-text-color后，element将这些样式添加到了element.style中。如下： eleme...
通过css使用background-color为背景图添加遮罩效果的两种方法
09-22
本文将详细介绍两种使用CSS的`background-color`属性为背景图添加遮罩效果的方法。 首先，我们要明白，当一个`div`同时设置了`background-color`和`background-image`时，`background-color`实际上是位于图片的下方...
postcss-color-gray:在CSS中使用gray（）颜色函数
05-05
PostCSS灰色 允许您遵循规范的过时版本（2019年11月5日）在CSS中使用gray()颜色函数。 :warning: gray()已从删除。... import postcssGray from 'postcss-color-gray' ; postcssGray . process ( YOUR_CSS /*,
python背景图片加载代码_2019.12.05-背景图片设置代码
weixin_39901404的博客
12-15 770
css背景.box{width: 320px;height: 160px;border:5px solid #000;margin-bottom: 50px;background-color: gold;background-image: url(images/new.png);font-size: 40px;color: red;}.box2{width: 320px;height: 160px...
常用布局之CSS3弹性盒子flex布局
weixin_52262025的博客
09-25 1165
一. 什么是弹性盒子布局 CSS3 弹性盒（ Flexible Box 或 flexbox），为了让元素适配不同的屏幕大小或者说页面的大小以及设备类型时确保元素拥有恰当的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。容器通过设置 display：flex 或 inline-flex将其定义为弹性容器，默认弹性容器只有一行。 二.基本样式布局 代码段 <!DOCTYPE html> <html> <he.
详解background（background-color background-clip background-image 渐变函数）[第一天]
全网同名：PBitW！ 可以去掘金关注我！
08-04 2864
background background-color background-clip background-image background-repeat（平铺） background-position（背景位置） background-size（背景图大小） background-attachment（固定或滚动） 渐变函数 linear-gradient() [线性渐变] css3实现字体渐变色 radial-gradient() [径向渐变] 重复渐变的颜色后的距离参数含义
CSS中的background属性
weixin_43846130的博客
07-11 374
1. 属性值: red,yellow,green,blue,white,gray,skyblue,purple,gold,brown,pink,yellowgreen,orange, rgb取值范围：0~255; background-color: rgb(); rgba：前三个值代表色值，第四值个是透明度（作用于背景颜色） b...
CSS3之选择器
m0_57752092的博客
04-28 1556
一、层级选择器 <style> /* +当前元素后面的第一个兄弟*/ .child+li{ background-color: aqua; } /* ~当前元素后面的所有兄弟 */ .child~li{ background-color: antiquewhite; }
CSS BackGround 属性指南
weixin_45527716的博客
09-01 494
CSS　BackGround　属性指南 将CSS中background的各个属性及其对应的值。简写学习方法。 目录 • background • background-image • background-size • background-repeat • background-position • background-origin • background-clip • background-attachment • background-color 总结 CSS背景(background)属性 C
CSS(六)常用属性
司天宏的博客
01-12 286
背景属性 ``` &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; /*设置html和body的高度都是100%,这样背景图片就能在竖直方向上居中 */
Css基本样式————背景
weixin_33796177的博客
05-09 95
一、CSS允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果二、属性：background-color设置元素的背景颜色body{ background-color:darkgray; } <p>测试一下背景是否可以继承</p>background-color这个属性是不可以被继承的p{ background-...
CSS背景属性Background详解
longxzq的专栏
03-14 6038
本文详解了CSS的背景属性Background，包括CSS3中新增的背景属性。如果你是个CSS初学者，还可以查看之前介绍的CSS浮动属性和CSS透明属性详解。 css2 中的背景(background) CSS2 中有5个主要的背景(background)属性，它们是： background-color: 指定填充背景的颜色。background-image: 引用图片作为背景。back...
CSS样式——颜色和尺寸
yaningyin的博客
03-22 307
color background-color: rgb(0, 255, 0); background-color: rgba(0, 255, 0, 0.5); background-color: hsl(240, 50%, 50%); background-color: hsla(240, 100%, 50%,0.5); background-color: lime; HSL函数中，第一个参数色调...
CSS样式操作大全——常用情景篇
happy81997的博客
04-20 484
CSS样式操作大全——各种情景篇 1、居中相关布局 1.1 水平居中 效果如下： 方案1：inline-block +text-align 分析：设置dispaly为inline-block，使元素具有文本元素的性质，其父元素可以设置文本对齐熟悉text-align来控制对齐方式。 注意：text-align具有继承性，导致其内部所有元素都是居中显示，不要居中的需要再写text-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值