CSS+DIV颜色表

最新推荐文章于 2024-05-22 10:01:17 发布
最新推荐文章于 2024-05-22 10:01:17 发布
阅读量3.5k 收藏 9
点赞数 2
分类专栏： CSS+DIV 文章标签： CSS DIV颜色表
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CRGYSSE/article/details/79332531
版权

爱丽丝蓝色：F0F8FF

古典白色：FAEBD7

浅绿色：00FFFF

碧绿色：7FFFD4

天蓝色：F0FFFF

米色：F5F5DC

桔黄色：FFE4C4

黑色：000000

白杏色：FFEBCD

蓝色：0000FF

蓝紫色：8A2BE2

褐色：A52A2A

实木色：DEB887

刺恢蓝色：5F9EA0

亮黄绿色：7FFF00

巧克力色：D2691E

珊瑚色：FF7F50

失车菊色：6495ED

谷丝色：FFF8DC

深红色：DC143C

蓝绿色：00FFFF

深蓝色：00008B

深青色：008B8B

深金杆色：B8860B

深黄褐色：BDB76B

深洋红色：8B008B

深绿色：006400

深灰色：A9A9A9

深橄榄绿色：556B2F

深橙色：FF8C00

深紫色：9932CC

深红色：8B0000

深肉色：E9967A

深海绿色： 8FBC8B

深暗蓝灰色：483D8B

深暗蓝灰色：2F4F4F

深青绿色：00CED1J

深紫色：9400D3

深粉色：FF1493

深天蓝色：00BFFF

暗灰色：696969

遮板蓝色：1E90FF

砖色：B22222

花白色：FFFAF0

葱绿：228B22

紫红色：FF00FF

庚斯博罗灰色：DCDCDC

幽灵白色：F8F8FF

金杆黄色：DAA520                                                                                    

绿色：008000

绿黄色：ADFF2F

蜜汁色：F0FFF0

亮粉色：FF69B4

印第安红色：CD5C5C

腈请色：4B0082

象牙色：FFFFF0

黄褐色：F0E68C

淡紫色：E6E6FA

浅紫红色：FFF0F5

草绿色：7CFC00

柠檬沙色：FFFACD

浅蓝色：ADD8E6

浅珊瑚色：F08080

浅青色：E0FFFF

浅金杆黄色：FAFAD2

浅绿色：90EE90

浅灰色：D3D3D3

浅粉色：FFB6C1

浅肉色：FFA07A

浅海绿色：20B2AA

浅天蓝色：87CEFA

浅暗蓝灰色：778899

浅钢蓝色：B0C4DE

浅黄色：FFFFE0

酸橙色：00FF00

酸橙绿色：32CD32

亚麻色：FAF0E6

红紫色：FF00FF

栗色：800000

中碧绿色：66CDAA

中蓝色：0000CD

中淡紫色：BA55D3

中紫色：9370DB

中海绿色：3CB371

灰色：808080

中暗蓝灰色：7B68FF                                                                                             

中紫红色：C74585

午夜蓝色：191970

薄荷奶油色：F5FFFA

雾玫瑰色：FFFAE1

鹿皮色：FFE4B5

海白色：FFDAD

中春绿色：48D1CC

海军腊梅内色：000080

花边黄色：FDF5E6

橄榄色：808000

橄榄褐色：6B8E23

橙色：FFA500

橙红色：FF4500

淡紫色：DA70D6

淡金杆黄色：EEE8AA

淡绿色：98FB98

淡青绿色：AFEEEE

淡紫红色：DB7093                                                                                               

桃黄色：FFDAB9

木瓜色：FFEFD5

粉红色：FFC0DB

秘鲁黄色：CD853F                                                                                              

梅红色：DDA0DD

深蓝色：B0E0E6

紫色：800080

红色：FF0000

玫瑰褐色：BC8F8F

品蓝色：4169E1

棕褐色：8B4513

肉红色：FA8072

沙褐色： F4A460

海贝壳色：FFF5EE                                                               

褚色： A0522D

银色：C0C0C0

天蓝色：87CEEB

暗蓝色：6A5ACD

暗蓝灰色：708090

纯白色：FFFAFA

春绿色：00FF7F

钢青色：4682B4B

棕褐色：D2B48C

TEAI：008080

thistle：D8BFD8

番茄色：FF6347

青绿色：40E0D0

紫罗兰色：EE82EE

淡黄色：F5DEB3

白色：FFFFFF

白雾色：F5F5F5

黄色：FFFF00

黄绿色：9ACD32

海绿色：2E8B57   

CRGYSSE
关注
  • 2
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【CSS】颜色码对照表
06-12 817
英文代码 形像颜色 HEX格式 RGB格式 LightPink 浅粉色 #FFB6C1 255,182,193 Pink 粉红 #FFC0CB 255,192,203 Crimson 猩红 #DC143C 220,20,60 LavenderBlush 脸红的淡紫色 #FFF0F5 255,2...
css+div视频教程，可以帮助大家尽快的了解层叠样式表，
09-04
层叠样式表（CSS）与Div布局是网页设计和开发中的核心技术，它们为网页提供了美观且功能丰富的界面。本教程的目的是帮助初学者快速掌握这一领域的重要知识。 **CSS简介** CSS，全称Cascading Style Sheets，是一种...
【转载】前端 好看实用的颜色大全（16进制）
Scorpio_sky的博客
09-09 900
探索优雅的紫色调：purple.css 开源主题
gitblog_00081的博客
05-22 259
探索优雅的紫色调：purple.css 开源主题 项目地址:https://gitcode.com/hliu202/typora-purple-theme 项目简介 欢迎来到一个充满创意和技术魅力的世界，这里我们向您推荐一款名为purple.css的开源项目。这个项目提供了一系列以紫色为主调的CSS样式文件，包括purple.css, purple-classic.css, purple-plai...
标题前添加竖线
weixin_45779114的博客
11-18 935
.title::before { content: ‘|’; color: #f95630; font-size: 20px; vertical-align: 0px; margin-right: 15px; }
网页设计常用色彩搭配表 - 配色表
cyzmy的专栏
04-25 2141
网页设计常用色彩搭配表 - 配色表 + 按色相的搭配分类 本节将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主，配以其他色相或者同色相的，应用对比和调和的方法，并按照从轻快到浓烈的顺序排序。 红色 #FFFFCC #CCFFFF #FFCCCC #99CCCC #FFCC99 #FFCCCC #FF999
前端 好看实用的颜色大全（16进制）
asdfghjkl_zth的博客
02-03 7162
web前端主题色大全记录
04-03 917
【Web前端】配色方案（全览） 前端CSS颜色代码大全
前端开发：颜色代码速查表【英文颜色、HEX(十六进制)格式、RGB格式、十进制】
热门推荐
在写作的路上持续输出。
04-03 2万+
前端开发当中，我们总会和颜色打交道，那么它的三种表达形式 你知道吗？👆
CSS+DIV实例
07-19
本教程将深入探讨`CSS+DIV`实例，帮助你理解并掌握这一核心技术。 一、CSS概述 CSS是一种样式表语言，用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档的呈现。它负责定义页面的布局、颜色、字体等视觉...
css+div的实例网页
02-26
本实例网页“css+div”旨在帮助用户深入理解这两种技术如何共同作用，实现网页的精致布局。通过这个实例，我们可以探讨以下几个关键知识点： 1. **CSS的基本概念**：CSS是一种样式表语言，用于描述HTML或XML（包括...
DIV+CSS.rar_DIV_css+div_div+css_html+div+css_web前端
09-22
`div` 作为网页布局的基本构建块，常通过 `CSS` 设置样式属性，如宽度、高度、颜色、位置等，来实现灵活的页面设计。这个教程对于想要学习web前端开发的人来说尤其有价值，因为理解并熟练运用 `div` 和 `CSS` 是网页...
用CSS+DIV做的网上书店模板
03-11
【CSS+DIV布局详解】 CSS（Cascading Style Sheets）是一种样式表语言，用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档的呈现。它通过控制元素的样式，如字体、颜色、大小、位置等，来实现网页的布局和...
前端开发中经常使用到的颜色：
happy81997的博客
06-28 6798
目录（一）前端开发中经常使用到的颜色：（二） 前端常用的渐变色系：1. 浅绿 #8cc540 2. 深绿 #009f5d 3. 暗蓝 #019fa04. 蓝色 #019fde5. 深蓝 #007cdc 6. 深紫 #887ddd 7. 浅紫 #cd7bdd 8. 粉色 #ff56759. 红色 #ff124410. 橙色 #ff834511. 黄色 #f8bd0b12. 灰色 #d1d2d4...
纯css3蓝色的移动端登录页面模板
No_Name_Cao_Ni_Mei的博客
04-20 321
以上就是纯css3蓝色的移动端登录页面模板的介绍和使用方法。如果你需要使用该模板，可以前往源码下载链接获取源码。
web前端颜色配色大全
galaxyrt的博客
05-31 4263
所有现代浏览器均支持以下 140 种颜色名称（单击颜色名称或十六进制值，可查看将以该颜色为背景颜色以及不同的文本颜色）
CSS颜色
cherrylqq9的博客
08-31 2012
CSS 颜色 由红（RED），绿（GREEN），蓝（BLUE ）组合 颜色值 CSS中定义颜色使用十六进制（hex）表示法为红，绿，蓝的颜色值结合。可以是最低值是0（十六进制00）到最高值是255（十六进制FF） 3个双位数字的十六进制值写法，以＃符号开始。 十六进制颜色 ＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色） 所有值必须介于0和FF之间。 #ff0000 —红色 #00ff00 —绿色 #0000ff —蓝色 #000000 —黑色 #FFFFFF —
2021-1-22 css的颜色、使用方式
weixin_54678776的博客
01-22 169
如何使用css 四种方式： 1 外链式 使用link标签引入指定的CSS <link href="1.css" type="text/css" rel="stylesheet"> 2 导入式使用style标签配合@import语法引入指定的css文件 <style> @import URL(“2.css”）； </style>
xgboost4j-2.12-1.7.6.jar
最新发布
07-08
xgboost4j-2.12-1.7.6.jar
用css＋div制作网页
09-16
### 回答1： 首先，我们需要了解什么是CSS和DIV。CSS是层叠样式表，是一种样式语言，用于描述HTML或XML文档的呈现。DIV是HTML中的一个标签，用于定义文档中的一个区域或块。 下面是一个简单的网页示例，使用CSS和DIV进行布局和样式设置。 ``` <!DOCTYPE html> <html> <head> <title>My Webpage</title> <style type="text/css"> body { font-family: Arial, sans-serif; background-color: #f0f0f0; margin: 0; padding: 0; } header { background-color: #008080; color: #fff; padding: 20px; text-align: center; } nav { background-color: #444; color: #fff; padding: 10px; text-align: center; } nav ul { list-style: none; margin: 0; padding: 0; } nav ul li { display: inline-block; margin: 0 10px; } nav ul li a { color: #fff; text-decoration: none; padding: 5px 10px; border-radius: 5px; background-color: #008080; } section { padding: 20px; margin: 10px; background-color: #fff; box-shadow: 0 0 5px #aaa; } footer { background-color: #444; color: #fff; padding: 10px; text-align: center; } </style> </head> <body> <header> <h1>My Webpage</h1> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> <section> <h2>Welcome to my webpage!</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod nisi eget neque fermentum, ac sagittis nunc aliquet. </p> </section> <footer> <p>Copyright © 2021 My Webpage</p> </footer> </body> </html> ``` 在这个示例中，我们使用了CSS来设置整个网页的样式，包括字体、背景色、边距、内边距等。利用DIV标签，我们将整个网页分为了头部(header)、导航栏(nav)、内容(section)和底部(footer)四个区域，并分别设置了它们的样式。 当然，这只是一个简单示例，实际网页的布局和样式设置可能更加复杂。但是，掌握了CSS和DIV的基本用法，我们就可以通过不断练习和实践，来制作出更加漂亮、实用的网页。 ### 回答2： 使用CSS和DIV来构建网页是一种常见和常用的方法。CSS（层叠样式表）用于控制网页的样式和布局，而DIV（‘division’的缩写，即‘区块’）则用于将网页分割成不同的块状区域。 首先，通过HTML创建网页的基本结构，然后使用DIV元素来划分不同的区域。例如，可以使用一个主DIV作为整个页面的容器，然后在主DIV内部再嵌套其他的DIV，分别来表示页眉、导航栏、内容区域和页脚等。通过设置DIV的样式属性，可以控制它们的大小、位置、边距、背景颜色和文本样式等。 接下来，使用CSS来定义这些DIV的样式。可以通过CSS选择器来选中具体的DIV元素，然后对它们应用样式。例如，可以使用类选择器（class selector）来为特定的DIV指定样式，也可以使用ID选择器来为唯一的DIV元素添加样式。 在CSS中，还可以使用盒模型来控制DIV的大小和边距。通过设置width（宽度）、height（高度）、margin（外边距）、padding（内边距）等属性，可以实现对DIV的精确控制。 此外，还可以使用CSS的浮动（float）属性来实现页面的多列布局。通过将DIV浮动到指定的方向（左或右），可以使其他DIV元素环绕在其周围。 最后，还可以使用CSS的伪类（pseudo-class）和伪元素（pseudo-element）来实现更多的效果，如悬停态、链接样式和内容插入等。 总之，使用CSS和DIV制作网页可以实现丰富多样的页面布局和样式效果。通过调整和组合不同的CSS属性和选择器，可以轻松地实现个性化的网页设计。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值