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如何設置背景顏色和背景圖像”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。