济南企业上云网站建设,比百度还强大的搜索引擎,手工制作书签简单又好看,做网站要素html5cssjs代码 018颜色表 一、代码二、效果三、解释 这段代码展示了一个基本的颜色表#xff0c;方便参考使用#xff0c;同时也应用了各种样式应用方式。 一、代码
!DOCTYPE html
html langzh-cn
headtitle编程笔记… html5cssjs代码 018颜色表 一、代码二、效果三、解释 这段代码展示了一个基本的颜色表方便参考使用同时也应用了各种样式应用方式。 一、代码
!DOCTYPE html
html langzh-cn
headtitle编程笔记 html5cssjs 颜色表/titlemeta charsetutf-8stylebody {background-color: #2c3e50;color: #dddddd;text-align: center;}table {text-align: left;border: 1px solid #000;border-collapse: collapse;/*整体居中*/margin: 10px auto;}td {border: 1px solid #000;padding: 5px;}th {font-size: 1.5em;border: 2px solid #000;padding: 15px;}th:first-child,td:first-child {width: 16%; /* 设置第一列宽度 */}th:nth-child(2),td:nth-child(2) {width: 16%; /* 设置第二列宽度为父容器宽度的20% */}th:nth-child(3),td:nth-child(3) {width: 16%; /* 设置第二列宽度为父容器宽度的20% */}th:nth-child(4),td:nth-child(4) {width: 52%; /* 设置第二列宽度为父容器宽度的20% */}hr {width: 70%;margin: 0 auto;}/style
/head
body
!--在这个示例中我将每行第一个td元素的英文颜色名称翻译成中文并添加了一个新的td元素紧随其后放置翻译后的中文内容。--
h1HTML颜色/h1
h2目前所有浏览器都支持以下颜色名。/h2
p141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。下表列出了所有颜色的值包括十六进制值。/p
p本页面可能受到浏览器的限制所以可能无法显示所有颜色。/p
p请关闭Dark Reader等改变颜色的插件以免影响颜色的真实性。/p
hr
h2按颜色名排序/h2tabletrth英文颜色名/thth中文颜色名/ththHEX/ththColor/th/trtrtdAliceBlue/tdtd爱丽丝蓝/tdtd#F0F8FF/tdtd stylebackground-color: #F0F8FFnbsp;/td/trtrtdAntiqueWhite/tdtd古董白/tdtd#FAEBD7/tdtd stylebackground-color: #FAEBD7nbsp;/td/trtrtdAqua/tdtd水色/tdtd#00FFFF/tdtd stylebackground-color: #00FFFFnbsp;/td/trtrtdAquamarine/tdtd海绿色/tdtd#7FFFD4/tdtd stylebackground-color: #7FFFD4nbsp;/td/trtrtdAzure/tdtd天蓝色/tdtd#F0FFFF/tdtd stylebackground-color: #F0FFFFnbsp;/td/trtrtdBeige/tdtd米色/tdtd#F5F5DC/tdtd stylebackground-color: #F5F5DCnbsp;/td/trtrtdBisque/tdtd深陶瓦色/tdtd#FFE4C4/tdtd stylebackground-color: #FFE4C4nbsp;/td/trtrtdBlack/tdtd黑色/tdtd#000000/tdtd stylebackground-color: #000000nbsp;/td/trtrtdBlanchedAlmond/tdtd熟杏仁色/tdtd#FFEBCD/tdtd stylebackground-color: #FFEBCDnbsp;/td/trtrtdBlue/tdtd蓝色/tdtd#0000FF/tdtd stylebackground-color: #0000FFnbsp;/td/trtrtdBlueViolet/tdtd蓝紫色/tdtd#8A2BE2/tdtd stylebackground-color: #8A2BE2nbsp;/td/trtrtdCornsilk/tdtd米黄石色/tdtd#FFF8DC/tdtd stylebackground-color: #FFF8DCnbsp;/td/trtrtdCrimson/tdtd深红色/tdtd#DC143C/tdtd stylebackground-color: #DC143Cnbsp;/td/trtrtdCyan/tdtd青色/tdtd#00FFFF/tdtd stylebackground-color: #00FFFFnbsp;/td/trtrtdDarkBlue/tdtd深蓝色/tdtd#00008B/tdtd stylebackground-color: #00008Bnbsp;/td/trtrtdDarkCyan/tdtd深青色/tdtd#008B8B/tdtd stylebackground-color: #008B8Bnbsp;/td/trtrtdDarkGoldenRod/tdtd深金棕色/tdtd#B8860B/tdtd stylebackground-color: #B8860Bnbsp;/td/trtrtdDarkGray/tdtd深灰色/tdtd#A9A9A9/tdtd stylebackground-color: #A9A9A9nbsp;/td/trtrtdDarkGreen/tdtd深绿色/tdtd#006400/tdtd stylebackground-color: #006400nbsp;/td/trtrtdDarkKhaki/tdtd深卡其布色/tdtd#BDB76B/tdtd stylebackground-color: #BDB76Bnbsp;/td/trtrtdDarkMagenta/tdtd深洋红色/tdtd#8B008B/tdtd stylebackground-color: #8B008Bnbsp;/td/trtrtdDarkOliveGreen/tdtd深橄榄绿色/tdtd#556B2F/tdtd stylebackground-color: #556B2Fnbsp;/td/trtrtdDarkOrange/tdtd深橙色/tdtd#FF8C00/tdtd stylebackground-color: #FF8C00nbsp;/td/trtrtdDarkOrchid/tdtd深兰花紫/tdtd#9932CC/tdtd stylebackground-color: #9932CCnbsp;/td/trtrtdDarkRed/tdtd深红色/tdtd#8B0000/tdtd stylebackground-color: #8B0000nbsp;/td/trtrtdDarkSalmon/tdtd深鲑鱼色/tdtd#E9967A/tdtd stylebackground-color: #E9967Anbsp;/td/trtrtdDarkSeaGreen/tdtd深海绿色/tdtd#8FBC8F/tdtd stylebackground-color: #8FBC8Fnbsp;/td/trtrtdDarkSlateBlue/tdtd深岩蓝色/tdtd#483D8B/tdtd stylebackground-color: #483D8Bnbsp;/td/trtrtdDarkSlateGray/tdtd深石板灰/tdtd#2F4F4F/tdtd stylebackground-color: #2F4F4Fnbsp;/td/trtrtdDarkTurquoise/tdtd深绿松石色/tdtd#00CED1/tdtd stylebackground-color: #00CED1nbsp;/td/trtrtdDarkViolet/tdtd深紫罗兰色/tdtd#9400D3/tdtd stylebackground-color: #9400D3nbsp;/td/trtrtdDeepPink/tdtd深粉红色/tdtd#FF1493/tdtd stylebackground-color: #FF1493nbsp;/td/trtrtdDeepSkyBlue/tdtd深天蓝色/tdtd#00BFFF/tdtd stylebackground-color: #00BFFFnbsp;/td/trtrtdDimGray/tdtd暗灰色/tdtd#696969/tdtd stylebackground-color: #696969nbsp;/td/trtrtdDodgerBlue/tdtd道奇蓝/tdtd#1E90FF/tdtd stylebackground-color: #1E90FFnbsp;/td/trtrtdFireBrick/tdtd砖红色/tdtd#B22222/tdtd stylebackground-color: #B22222nbsp;/td/trtrtdFloralWhite/tdtd花白色/tdtd#FFFAF0/tdtd stylebackground-color: #FFFAF0nbsp;/td/trtrtdForestGreen/tdtd森林绿/tdtd#228B22/tdtd stylebackground-color: #228B22nbsp;/td/trtrtdFuchsia/tdtd紫红色/tdtd#FF00FF/tdtd stylebackground-color: #FF00FFnbsp;/td/trtrtdGainsboro/tdtd苍白灰/tdtd#DCDCDC/tdtd stylebackground-color: #DCDCDCnbsp;/td/trtrtdGhostWhite/tdtd幽灵白/tdtd#F8F8FF/tdtd stylebackground-color: #F8F8FFnbsp;/td/trtrtdGold/tdtd金色/tdtd#FFD700/tdtd stylebackground-color: #FFD700nbsp;/td/trtrtdGoldenRod/tdtd金菊色/tdtd#DAA520/tdtd stylebackground-color: #DAA520nbsp;/td/trtrtdGray/tdtd灰色/tdtd#808080/tdtd stylebackground-color: #808080nbsp;/td/trtrtdGreen/tdtd绿色/tdtd#008000/tdtd stylebackground-color: #008000nbsp;/td/trtrtdGreenYellow/tdtd黄绿色/tdtd#ADFF2F/tdtd stylebackground-color: #ADFF2Fnbsp;/td/trtrtdHoneyDew/tdtd蜂蜜露/tdtd#F0FFF0/tdtd stylebackground-color: #F0FFF0nbsp;/td/trtrtdHotPink/tdtd热粉色/tdtd#FF69B4/tdtd stylebackground-color: #FF69B4nbsp;/td/trtrtdIndianRed/tdtd印度红/tdtd#CD5C5C/tdtd stylebackground-color: #CD5C5Cnbsp;/td/trtrtdIndigo/tdtd靛蓝色/tdtd#4B0082/tdtd stylebackground-color: #4B0082nbsp;/td/trtrtdIvory/tdtd象牙白/tdtd#FFFFF0/tdtd stylebackground-color: #FFFFF0nbsp;/td/trtrtdKhaki/tdtd卡其色/tdtd#F0E68C/tdtd stylebackground-color: #F0E68Cnbsp;/td/trtrtdLavender/tdtd薰衣草紫/tdtd#E6E6FA/tdtd stylebackground-color: #E6E6FAnbsp;/td/trtrtdLavenderBlush/tdtd薰衣草红晕/tdtd#FFF0F5/tdtd stylebackground-color: #FFF0F5nbsp;/td/trtrtdLawnGreen/tdtd草地绿/tdtd#7CFC00/tdtd stylebackground-color: #7CFC00nbsp;/td/trtrtdLemonChiffon/tdtd柠檬绸色/tdtd#FFFACD/tdtd stylebackground-color: #FFFACDnbsp;/td/trtrtdLightBlue/tdtd浅蓝色/tdtd#ADD8E6/tdtd stylebackground-color: #ADD8E6nbsp;/td/trtrtdLightCoral/tdtd浅珊瑚色/tdtd#F08080/tdtd stylebackground-color: #F08080nbsp;/td/trtrtdLightCyan/tdtd浅青色/tdtd#E0FFFF/tdtd stylebackground-color: #E0FFFFnbsp;/td/trtrtdLightGoldenRodYellow/tdtd浅金菊黄色/tdtd#FAFAD2/tdtd stylebackground-color: #FAFAD2nbsp;/td/trtrtdLightGray/tdtd浅灰色/tdtd#D3D3D3/tdtd stylebackground-color: #D3D3D3nbsp;/td/trtrtdLightGreen/tdtd浅绿色/tdtd#90EE90/tdtd stylebackground-color: #90EE90nbsp;/td/trtrtdLightPink/tdtd浅粉色/tdtd#FFB6C1/tdtd stylebackground-color: #FFB6C1nbsp;/td/trtrtdLightSalmon/tdtd浅鲑鱼色/tdtd#FFA07A/tdtd stylebackground-color: #FFA07Anbsp;/td/trtrtdLightSeaGreen/tdtd浅海绿色/tdtd#20B2AA/tdtd stylebackground-color: #20B2AAnbsp;/td/trtrtdLightSkyBlue/tdtd浅天蓝色/tdtd#87CEFA/tdtd stylebackground-color: #87CEFAnbsp;/td/trtrtdLightSlateGray/tdtd浅石板灰/tdtd#778899/tdtd stylebackground-color: #778899nbsp;/td/trtrtdLightSteelBlue/tdtd浅钢青色/tdtd#B0C4DE/tdtd stylebackground-color: #B0C4DEnbsp;/td/trtrtdLightYellow/tdtd浅黄色/tdtd#FFFFE0/tdtd stylebackground-color: #FFFFE0nbsp;/td/trtrtdLime/tdtd酸橙绿/tdtd#00FF00/tdtd stylebackground-color: #00FF00nbsp;/td/trtrtdLimeGreen/tdtd柠檬绿/tdtd#32CD32/tdtd stylebackground-color: #32CD32nbsp;/td/trtrtdLinen/tdtd亚麻色/tdtd#FAF0E6/tdtd stylebackground-color: #FAF0E6nbsp;/td/trtrtdMagenta/tdtd品红色/tdtd#FF00FF/tdtd stylebackground-color: #FF00FFnbsp;/td/trtrtdMaroon/tdtd栗色/tdtd#800000/tdtd stylebackground-color: #800000nbsp;/td/trtrtdMediumAquaMarine/tdtd中度海蓝宝石色/tdtd#66CDAA/tdtd stylebackground-color: #66CDAAnbsp;/td/trtrtdMediumBlue/tdtd中度蓝色/tdtd#0000CD/tdtd stylebackground-color: #0000CDnbsp;/td/trtrtdMediumOrchid/tdtd中度兰花紫/tdtd#BA55D3/tdtd stylebackground-color: #BA55D3nbsp;/td/trtrtdMediumPurple/tdtd中度紫色/tdtd#9370DB/tdtd stylebackground-color: #9370DBnbsp;/td/trtrtdMediumSeaGreen/tdtd中度海洋绿/tdtd#3CB371/tdtd stylebackground-color: #3CB371nbsp;/td/trtrtdMediumSlateBlue/tdtd中度板岩蓝/tdtd#7B68EE/tdtd stylebackground-color: #7B68EEnbsp;/td/trtrtdMediumSpringGreen/tdtd中度春绿色/tdtd#00FA9A/tdtd stylebackground-color: #00FA9Anbsp;/td/trtrtdMediumTurquoise/tdtd中度绿松石色/tdtd#48D1CC/tdtd stylebackground-color: #48D1CCnbsp;/td/trtrtdMediumVioletRed/tdtd中度紫罗兰红色/tdtd#C71585/tdtd stylebackground-color: #C71585nbsp;/td/trtrtdMidnightBlue/tdtd子夜蓝/tdtd#191970/tdtd stylebackground-color: #191970nbsp;/td/trtrtdMintCream/tdtd薄荷奶油色/tdtd#F5FFFA/tdtd stylebackground-color: #F5FFFAnbsp;/td/trtrtdMistyRose/tdtd雾玫瑰色/tdtd#FFE4E1/tdtd stylebackground-color: #FFE4E1nbsp;/td/trtrtdMoccasin/tdtd鹿皮鞋色/tdtd#FFE4B5/tdtd stylebackground-color: #FFE4B5nbsp;/td/trtrtdNavajoWhite/tdtd纳瓦霍白/tdtd#FFDEAD/tdtd stylebackground-color: #FFDEADnbsp;/td/trtrtdNavy/tdtd海军蓝/tdtd#000080/tdtd stylebackground-color: #000080nbsp;/td/trtrtdOldLace/tdtd老式花边白/tdtd#FDF5E6/tdtd stylebackground-color: #FDF5E6nbsp;/td/trtrtdOlive/tdtd橄榄色/tdtd#808000/tdtd stylebackground-color: #808000nbsp;/td/trtrtdOliveDrab/tdtd橄榄褐/tdtd#6B8E23/tdtd stylebackground-color: #6B8E23nbsp;/td/trtrtdOrange/tdtd橙色/tdtd#FFA500/tdtd stylebackground-color: #FFA500nbsp;/td/trtrtdOrangeRed/tdtd橙红色/tdtd#FF4500/tdtd stylebackground-color: #FF4500nbsp;/td/trtrtdOrchid/tdtd兰花紫/tdtd#DA70D6/tdtd stylebackground-color: #DA70D6nbsp;/td/trtrtdPaleGoldenRod/tdtd苍白金菊色/tdtd#EEE8AA/tdtd stylebackground-color: #EEE8AAnbsp;/td/trtrtdPaleGreen/tdtd苍白绿色/tdtd#98FB98/tdtd stylebackground-color: #98FB98nbsp;/td/trtrtdPaleTurquoise/tdtd苍白绿松石色/tdtd#AFEEEE/tdtd stylebackground-color: #AFEEEEnbsp;/td/trtrtdPaleVioletRed/tdtd苍白紫罗兰红色/tdtd#DB7093/tdtd stylebackground-color: #DB7093nbsp;/td/trtrtdPapayaWhip/tdtd木瓜奶油色/tdtd#FFEFD5/tdtd stylebackground-color: #FFEFD5nbsp;/td/trtrtdPeachPuff/tdtd桃皮色/tdtd#FFDAB9/tdtd stylebackground-color: #FFDAB9nbsp;/td/trtrtdPeru/tdtd秘鲁色/tdtd#CD853F/tdtd stylebackground-color: #CD853Fnbsp;/td/trtrtdPink/tdtd粉红色/tdtd#FFC0CB/tdtd stylebackground-color: #FFC0CBnbsp;/td/trtrtdPlum/tdtd李紫色/tdtd#DDA0DD/tdtd stylebackground-color: #DDA0DDnbsp;/td/trtrtdPowderBlue/tdtd雪青蓝/tdtd#B0E0E6/tdtd stylebackground-color: #B0E0E6nbsp;/td/trtrtdPurple/tdtd紫色/tdtd#800080/tdtd stylebackground-color: #800080nbsp;/td/trtrtdRed/tdtd红色/tdtd#FF0000/tdtd stylebackground-color: #FF0000nbsp;/td/trtrtdRosyBrown/tdtd玫瑰棕色/tdtd#BC8F8F/tdtd stylebackground-color: #BC8F8Fnbsp;/td/trtrtdRoyalBlue/tdtd宝蓝色/tdtd#4169E1/tdtd stylebackground-color: #4169E1nbsp;/td/trtrtdSaddleBrown/tdtd马鞍棕色/tdtd#8B4513/tdtd stylebackground-color: #8B4513nbsp;/td/trtrtdSalmon/tdtd鲑鱼色/tdtd#FA8072/tdtd stylebackground-color: #FA8072nbsp;/td/trtrtdSandyBrown/tdtd沙褐色/tdtd#F4A460/tdtd stylebackground-color: #F4A460nbsp;/td/trtrtdSeaGreen/tdtd海洋绿色/tdtd#2E8B57/tdtd stylebackground-color: #2E8B57nbsp;/td/trtrtdSeaShell/tdtd海贝壳色/tdtd#FFF5EE/tdtd stylebackground-color: #FFF5EEnbsp;/td/trtrtdSienna/tdtd赭石色/tdtd#A0522D/tdtd stylebackground-color: #A0522Dnbsp;/td/trtrtdSilver/tdtd银白色/tdtd#C0C0C0/tdtd stylebackground-color: #C0C0C0nbsp;/td/trtrtdSkyBlue/tdtd天蓝色/tdtd#87CEEB/tdtd stylebackground-color: #87CEEBnbsp;/td/trtrtdSlateBlue/tdtd石板蓝/tdtd#6A5ACD/tdtd stylebackground-color: #6A5ACDnbsp;/td/trtrtdSlateGray/tdtd石板灰色/tdtd#708090/tdtd stylebackground-color: #708090nbsp;/td/trtrtdSnow/tdtd雪白色/tdtd#FFFAFA/tdtd stylebackground-color: #FFFAFAnbsp;/td/trtrtdSpringGreen/tdtd春绿色/tdtd#00FF7F/tdtd stylebackground-color: #00FF7Fnbsp;/td/trtrtdSteelBlue/tdtd钢青色/tdtd#4682B4/tdtd stylebackground-color: #4682B4nbsp;/td/trtrtdTan/tdtd茶色/tdtd#D2B48C/tdtd stylebackground-color: #D2B48Cnbsp;/td/trtrtdTeal/tdtd鸭绿色/tdtd#008080/tdtd stylebackground-color: #008080nbsp;/td/trtrtdThistle/tdtd蓟色/tdtd#D8BFD8/tdtd stylebackground-color: #D8BFD8nbsp;/td/trtrtdTomato/tdtd番茄红/tdtd#FF6347/tdtd stylebackground-color: #FF6347nbsp;/td/trtrtdTurquoise/tdtd绿松石色/tdtd#40E0D0/tdtd stylebackground-color: #40E0D0nbsp;/td/trtrtdViolet/tdtd紫罗兰色/tdtd#EE82EE/tdtd stylebackground-color: #EE82EEnbsp;/td/trtrtdWheat/tdtd小麦色/tdtd#F5DEB3/tdtd stylebackground-color: #F5DEB3nbsp;/td/trtrtdWhite/tdtd白色/tdtd#FFFFFF/tdtd stylebackground-color: #FFFFFFnbsp;/td/trtrtdWhiteSmoke/tdtd白烟色/tdtd#F5F5F5/tdtd stylebackground-color: #F5F5F5nbsp;/td/trtrtdYellow/tdtd黄色/tdtd#FFFF00/tdtd stylebackground-color: #FFFF00nbsp;/td/trtrtdYellowGreen/tdtd黄绿色/tdtd#9ACD32/tdtd stylebackground-color: #9ACD32nbsp;/td/tr
!--background-color: #777799--
/table
/body
footer styletext-align: center;margin: 30px;font-size: 1.5rem;font-weight: bold;color: #ffcc00;HTMLCSSJavaScript编程配套代码 作者明月看潮生
/footer
/html
二、效果 三、解释
这段代码展示了一个基本的颜色表方便参考使用。
