HTML如何设置背景颜色和背景图像

发布时间:2022-02-22 09:43:27 作者:小新
来源:亿速云 阅读:328

这篇文章将为大家详细讲解有关HTML如何设置背景颜色和背景图像,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

HTML 颜色
    颜色由红色、绿色、蓝色混合而成。

颜色值
    颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。
    每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。
    如十六进制 #000000 对应 rgb(0,0,0),十六进制 #FFFFF 对应 rgb(255,255,255)。

Web安全色
    数年以前,当大多数计算机仅支持 256 种颜色的时候,一系列 216 种 Web 安全色作为 Web 标准被建议使用。其中的原因是,微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色(双方大约各使用 20 种)。
    我们不确定如今这么做的意义有多大,因为越来越多的计算机有能力处理数百万种颜色,不过做选择还是你自己。

216 跨平台色
    最初,216 跨平台 web 安全色被用来确保:当计算机使用 256 色调色板时,所有的计算机能够正确地显示所有的颜色。

颜色名
    大多数的浏览器都支持颜色名集合。
    提示:仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。
    它们是:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。
    如果需要使用其它的颜色,需要使用十六进制的颜色值。

附:颜色名集合
    #F0F8FF:AliceBlue
    #FAEBD7:AntiqueWhite
    #00FFFF:Aqua
    #7FFFD4:Aquamarine
    #F0FFFF:Azure
    #F5F5DC:Beige
    #FFE4C4:Bisque
    #000000:Black
    #FFEBCD:BlanchedAlmond
    #0000FF:Blue
    #8A2BE2:BlueViolet
    #A52A2A:Brown
    #DEB887:BurlyWood
    #5F9EA0:CadetBlue
    #7FFF00:Chartreuse
    #D2691E:Chocolate
    #FF7F50:Coral
    #6495ED:CornflowerBlue
    #FFF8DC:Cornsilk
    #DC143C:Crimson
    #00FFFF:Cyan
    #00008B:DarkBlue
    #008B8B:DarkCyan
    #B8860B:DarkGoldenRod
    #A9A9A9:DarkGray
    #006400:DarkGreen
    #BDB76B:DarkKhaki
    #8B008B:DarkMagenta
    #556B2F:DarkOliveGreen
    #FF8C00:Darkorange
    #9932CC:DarkOrchid
    #8B0000:DarkRed
    #E9967A:DarkSalmon
    #8FBC8F:DarkSeaGreen
    #483D8B:DarkSlateBlue
    #2F4F4F:DarkSlateGray
    #00CED1:DarkTurquoise
    #9400D3:DarkViolet
    #FF1493:DeepPink
    #00BFFF:DeepSkyBlue
    #696969:DimGray
    #1E90FF:DodgerBlue
    #D19275:Feldspar
    #B22222:FireBrick
    #FFFAF0:FloralWhite
    #228B22:ForestGreen
    #FF00FF:Fuchsia
    #DCDCDC:Gainsboro
    #F8F8FF:GhostWhite
    #FFD700:Gold
    #DAA520:GoldenRod
    #808080:Gray
    #008000:Green
    #ADFF2F:GreenYellow
    #F0FFF0:HoneyDew
    #FF69B4:HotPink
    #CD5C5C:IndianRed
    #4B0082:Indigo
    #FFFFF0:Ivory
    #F0E68C:Khaki
    #E6E6FA:Lavender
    #FFF0F5:LavenderBlush
    #7CFC00:LawnGreen
    #FFFACD:LemonChiffon
    #ADD8E6:LightBlue
    #F08080:LightCoral
    #E0FFFF:LightCyan
    #FAFAD2:LightGoldenRodYellow
    #D3D3D3:LightGrey
    #90EE90:LightGreen
    #FFB6C1:LightPink
    #FFA07A:LightSalmon
    #20B2AA:LightSeaGreen
    #87CEFA:LightSkyBlue
    #8470FF:LightSlateBlue
    #778899:LightSlateGray
    #B0C4DE:LightSteelBlue
    #FFFFE0:LightYellow
    #00FF00:Lime
    #32CD32:LimeGreen
    #FAF0E6:Linen
    #FF00FF:Magenta
    #800000:Maroon
    #66CDAA:MediumAquaMarine
    #0000CD:MediumBlue
    #BA55D3:MediumOrchid
    #9370D8:MediumPurple
    #3CB371:MediumSeaGreen
    #7B68EE:MediumSlateBlue
    #00FA9A:MediumSpringGreen
    #48D1CC:MediumTurquoise
    #C71585:MediumVioletRed
    #191970:MidnightBlue
    #F5FFFA:MintCream
    #FFE4E1:MistyRose
    #FFE4B5:Moccasin
    #FFDEAD:NavajoWhite
    #000080:Navy
    #FDF5E6:OldLace
    #808000:Olive
    #6B8E23:OliveDrab
    #FFA500:Orange
    #FF4500:OrangeRed
    #DA70D6:Orchid
    #EEE8AA:PaleGoldenRod
    #98FB98:PaleGreen
    #AFEEEE:PaleTurquoise
    #D87093:PaleVioletRed
    #FFEFD5:PapayaWhip
    #FFDAB9:PeachPuff
    #CD853F:Peru
    #FFC0CB:Pink
    #DDA0DD:Plum
    #B0E0E6:PowderBlue
    #800080:Purple
    #FF0000:Red
    #BC8F8F:RosyBrown
    #4169E1:RoyalBlue
    #8B4513:SaddleBrown
    #FA8072:Salmon
    #F4A460:SandyBrown
    #2E8B57:SeaGreen
    #FFF5EE:SeaShell
    #A0522D:Sienna
    #C0C0C0:Silver
    #87CEEB:SkyBlue
    #6A5ACD:SlateBlue
    #708090:SlateGray
    #FFFAFA:Snow
    #00FF7F:SpringGreen
    #4682B4:SteelBlue
    #D2B48C:Tan
    #008080:Teal
    #D8BFD8:Thistle
    #FF6347:Tomato
    #40E0D0:Turquoise
    #EE82EE:Violet
    #D02090:VioletRed
    #F5DEB3:Wheat
    #FFFFFF:White
    #F5F5F5:WhiteSmoke
    #FFFF00:Yellow
    #9ACD32:YellowGreen

关于“HTML如何设置背景颜色和背景图像”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

推荐阅读:
  1. Css怎么设置背景颜色和背景图片
  2. html设置背景颜色的方法有哪些

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:HTML如何设置颜色值与Web安全色

下一篇:HTML5页面中怎么让音频自动播放

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》