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

这篇文章将为大家详细讲解有关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如何设置背景颜色和背景图像”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。