CSS+DIV颜色表

爱丽丝蓝色: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   

  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 首先,我们需要了解什么是CSSDIVCSS是层叠样式,是一种样式语言,用于描述HTML或XML文档的呈现。DIV是HTML中的一个标签,用于定义文档中的一个区域或块。 下面是一个简单的网页示例,使用CSSDIV进行布局和样式设置。 ``` <!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)四个区域,并分别设置了它们的样式。 当然,这只是一个简单示例,实际网页的布局和样式设置可能更加复杂。但是,掌握了CSSDIV的基本用法,我们就可以通过不断练习和实践,来制作出更加漂亮、实用的网页。 ### 回答2: 使用CSSDIV来构建网页是一种常见和常用的方法。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)来实现更多的效果,如悬停态、链接样式和内容插入等。 总之,使用CSSDIV制作网页可以实现丰富多样的页面布局和样式效果。通过调整和组合不同的CSS属性和选择器,可以轻松地实现个性化的网页设计。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值