html背景颜色

合集下载

HTML背景颜色代码

HTML背景颜色代码HTML背景颜色代码在HTML里，颜色有两种表示方式。

一种是用颜色名称表示，比如blue表示蓝色。

另外一种是用16进制的数值表示RGB 的颜色值。

RGB是Red，Green，Blue意思，RGB每个原色的最小值是0，最大值是255，如果换算成16进制表示，就是(#00)，(#FF)。

比如白色的RGB(255,255,255)，就用#FFFFFF 表示；还有黑色的RGB(0,0,0)，就用#000000表示。

注：在W3C制定的HTML 4.0标准中，只有16种颜色可以用颜色名称表示(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow)，其它的颜色都要用16进制RGB颜色值表示。

当然，现在的浏览器支持更多的颜色名称。

不过为保险起见，建议你还是采用16进制RGB颜色值来表示颜色。

并且在值前加上#这个符号。

为了方便大家找到合适的颜色，我们在这里列了一些颜色说明，以供大家参考，不妨作为一种速查工具。

#000000#000033#000066#0000CC #0000FF#003300 #003333 #003366 #003399 #0033CC #0033FF#006600 #006633 #006666 #006699 #0066CC #0066FF#009900 #009933 #009966 #009999#0099FF#00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF#00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF#330000 #330033 #330066 #330099 #3300CC#3300FF#333300 #333333 #333366 #333399 #3333CC #3333FF#336600 #336633 #336666 #336699 #3366CC #3366FF#339900 #339933 #339966 #339999 #3399CC #3399FF#33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF#33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF#660000 #660033 #660066 #660099 #6600CC #6600FF#663333 #663366 #663399 #6633CC #6633FF#666600 #666633 #666666 #666699 #6666CC #6666FF#669900 #669933 #669966 #669999 #6699CC #6699FF#66CC00#66CC66 #66CC99 #66CCCC #66CCFF#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF#990000 #990033 #990066 #990099 #9900CC #9900FF#993300 #993333#993366 #993399 #9933CC #9933FF#996600 #996633 #996666 #996699 #9966CC #9966FF#999900 #999933 #999966 #999999 #9999CC #9999FF#99CC00 #99CC33 #99CC66#99CC99 #99CCCC #99CCFF#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF#CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF#CC3300 #CC3333 #CC3366 #CC3399#CC33CC #CC33FF#CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF#CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF#CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC#CCCCFF#CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF#FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF。

HTML特效篇-2、背景颜色的渐变

HTML特效篇-2、背景颜⾊的渐变渐变通常是⼀种颜⾊逐渐淡⼊另⼀种颜⾊，但是CSS允许你控制颜⾊发⽣的各个⽅⾯，从⽅向和形状到颜⾊以及它们如何从⼀种过渡到另⼀种。

实际上，存在三种类型的渐变：线性渐变径向渐变圆锥形渐变三种渐变对应的语法是：/* Basic linear gradient examples */background-image: linear-gradient(#ff8a00, #e52e71);background-image: linear-gradient(to right, violet, darkred, purple);background-image: linear-gradient(40deg, rgb(255 0 0) 60%, orange);/* Basic radial gradient examples */background-image: radial-gradient(#ff8a00, #e52e71);background-image: radial-gradient(circle at top right, #ff8a00, red, #e52e71);/* Basic conic gradient examples */background-image: conic-gradient(#ff8a00, #e52e71);background-image: conic-gradient(red 50deg, yellow 100deg, lime 200deg, aqua, blue, magenta, red);下⾯来分别为⼤家讲讲这三种渐变。

线性渐变这也许是我们在⽹页设计中看到的最常见的渐变⽅案了（linear-gradient()）。

之所以称它为“线性渐变”，是因为颜⾊是从左到右，从上到下或沿着单个⽅向选择的任何⾓度流动的。

语法：实现渐变的⽅法就是在css中的 background 或 background-image属性声明。

html中background-image的用法

在HTML中，`background-image` 是一个CSS属性，用于在元素中设置背景图像。

下面是一些基本的用法：1. 设置背景图像：```html<div style="background-image: url('image.jpg');"></div> ```在这个例子中，`div`元素的背景图像被设置为`image.jpg`。

2. 调整背景图像的大小：```html<div style="background-image: url('image.jpg'); background-size: cover;"></div>```在这个例子中，背景图像被调整为覆盖整个`div`元素，无论其原始尺寸如何。

3. 调整背景图像的位置：```html<div style="background-image: url('image.jpg'); background-position: center center;"></div>```在这个例子中，背景图像被居中放置在`div`元素中。

4. 设置背景图像的重复：```html<div style="background-image: url('image.jpg'); background-repeat: no-repeat;"></div>```在这个例子中，背景图像不会重复。

5. 设置背景图像的透明度：```html<div style="background-image: url('image.jpg'); background-color: rgba(0, 0, 0, 0.5);"></div>```在这个例子中，背景图像的透明度被设置为50%。

html常用背景颜色代码

标记或参数定义<A>连结标记<ADDRESS>地址标记（斜体效果）<AREA>连结区域标记（设定各连结区域）alink点击连结时的样式。

例：alink="#FF0000"水平方向摆放位置。

例：align="center"alignalternate来回走动，例：behavior=alternatealt在连结中插入文字说明。

例：alt="绿叶园"<B>字体加粗标记（产生字体加粗的效果）<BODY>正文标记（设计文件格式及内文所在）<BR>换行标记（令文字、图片等显示在下一行）<BIG>字体加大标记（令字体稍为加大）<BLINK>闪烁文字标记（令文字产生闪烁效果）<BGSOUND>背景声音标记（于背景播放声音或音乐）<BASE>连结基准标记（可将网页中所有的相对路径转换成绝对路径）<BASEFONT>基准字形标记（设定所有字的字形、大小、颜色）<BLOCKQUOTE>引述文字区块、令文字在表格的上下左右留有一定的空间background背景墙纸。

例：background=01.JPGbgcolor背景颜色。

例：bgcolor="#ff0000"bgproperties固定背景墙纸。

例：bgproperties="fixed"border边框。

例：border=10bordercolor边框颜色。

例：bordercolor="#000080"bordercolorlight边框向光部分的颜色。

例：bordercolorlight="#000000" bordercolordark边框背光部分的颜色。

例：bordercolordark="#ffffff"bottom置于底端。

html中按钮颜色怎么设置

html中按钮颜⾊怎么设置
在html中，可以通过在button按钮元素使⽤style属性，添加“background-color:颜⾊值;”样式来设置按钮的背景颜⾊，添加“color:颜⾊值;”样式来设置按钮的字体颜⾊。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

html中设置按钮的背景颜⾊
效果图：
说明：
background-color 属性设置元素的背景颜⾊。

background-color 属性为元素设置⼀种纯⾊。

这种颜⾊会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。

如果边框有透明部分（如虚线边框），会透过这些透明部分显⽰出背景⾊。

html中设置按钮的字体颜⾊
效果图：
说明：
color 属性规定⽂本的颜⾊。

这个属性设置了⼀个元素的前景⾊（在 HTML 表现中，就是元素⽂本的颜⾊）；光栅图像不受 color 影响。

这个颜⾊还会应⽤到元素的所有边框，除⾮被 border-color 或另外某个边框颜⾊属性覆盖。

html5颜色代码表

html5颜色代码表HTML5颜色代码表简介引言HTML5是一种用于创建和展示网页内容的标记语言，它支持丰富的颜色选择。

在HTML5中，我们可以使用颜色代码来指定元素的背景颜色、文本颜色等。

本文将介绍一些常用的HTML5颜色代码。

常用颜色代码以下是一些常用的HTML5颜色代码：•黑色：#000000•白色：#FFFFFF•红色：#FF0000•绿色：#00FF00•蓝色：#0000FF•黄色：#FFFF00•紫色：#800080•粉色：#FFC0CB•橙色：#FFA500•灰色：#808080扩展颜色代码除了以上常用颜色代码外，HTML5还支持一些其他颜色代码：•青色：#00FFFF•洋红：#FF00FF•棕色：#A52A2A•红棕色：#8B0000•橙红色：#FF4500•红褐色：#CD5C5C•深绿色：#006400•海绿色：#2E8B57•靛蓝色：#4B0082•蓝紫色：#8A2BE2使用方法在HTML5中，我们可以使用以下方式来指定元素的颜色：•使用background-color属性来设置元素的背景颜色。

•使用color属性来设置元素中文本的颜色。

示例代码如下：<p style="background-color: #FF0000; color: #FFFFFF; ">这是一个红底白字的段落。

</p>结语本文介绍了一些常用的HTML5颜色代码，以及如何使用这些颜色代码来设置元素的颜色。

通过合理运用颜色代码，我们可以使网页内容更加丰富多彩。

要注意的是，在使用颜色代码时，需要注意遵循HTML5标准，并合理选择适合的颜色搭配。

注意：本文所使用的颜色代码仅作为示例，请根据实际需求选择合适的颜色代码。

HTML5颜色代码表详解引言HTML5是一种流行的标记语言，它提供了一种用于为网页添加颜色的简便方法。

在HTML5中，我们可以使用颜色代码来定义元素的颜色和背景。

html常用背景颜色代码

html 常‎用背景颜色‎ 代码
标记或参数‎
定义
<A>
连结标记
<ADDRE‎SS>
地址标记（斜体效果）
<AREA>
连结区域标‎记（设定各连结‎区域）
alink‎
点击连结时‎的样式。例：alink‎="#FF000‎0"
align‎
水平方向摆‎放位置。例：align‎="cente‎r"
alter‎nate
<DIV> <DFN> <DIR> <DL>
区域标记述语定义标‎记（斜体效果）目录清单标‎记（清单项目将‎以圆点排列‎，如<UL>）定义清单标‎记（清单分两层‎出现）
<DT> <DD> direc‎tion <EM> <EMBED‎>
<MENU> <META> <MAP> <MARQU‎EE> middl‎e margi‎nwidt‎h margi‎nhigh‎t
网页文件标‎题标记表格标记
加重语气标‎记（产生字体加‎粗 Bold 的效果）字体缩细标‎记（令字体稍为‎缩细）划删除线标‎记（为字体加一‎删除线）范例标记（字体稍为加‎宽如）下标字标记‎ 上标字标记‎ 样式表标记‎ 自订标记（独立使用或‎与样式表同‎用）选择标记（建立 pop-up 走动清单）引用脚本标‎记大小。例：size="7" 来源。例：src="logo.gif"
闪烁文字标‎记（令文字产生‎闪烁效果）
<BGSOU‎ND>

html背景颜色代码大全

html背景颜色代码大全aliceblue（＃ F0F8FF ） antiquewhite （＃ FAEBD7 ）王水（＃ 00FFFF ）海蓝宝石（＃ 7FFFD4 ）湛蓝（＃ F0FFFF ）米色（＃ F5F5DC ）浓汤（＃ FFE4C4 ）黑色（＃ 000000 ）blanchedalmond（＃ FFEBCD ）蓝色（＃ 0000FF ） blueviolet （＃ 8A2BE2 ）棕色（＃ A52A2A ）burlywood（＃ DEB887 ） cadetblue （＃ 5F9EA0 ）沙特勒斯（＃ 7FFF00 ）巧克力（＃ D2691E ）珊瑚（＃ FF7F50 ） cornflowerblue （＃ 6495ED ） cornsilk （＃ FFF8DC ）深红（＃ DC143C ）青色（＃ 00FFFF ） darkblue （＃ 00008B ） darkcyan（＃ 008B8B ） darkgoldenrod （＃ B8860B ）darkgray（＃ A9A9A9 ） darkgreen （＃ 006400 ） darkkhaki （＃ BDB76B ） darkmagenta （＃ 8 B008B ）darkolivegreen（＃ 556B2F ） darkorange （＃ FF8C00 ） darkorchid （＃ 9932CC ） darkred （＃ 8B0000 ）darksalmon（＃ E9967A ） darkseagreen全国注册建筑师、建造师考试备考资料历年真题考试心得模拟试题（＃ 8FBC8B ） darkslateblue （＃ 483D8B ） darkslategray （＃ 2F4F4F ）darkturquoise（＃ 00CED1 ） darkviolet （＃ 9400D3 ） deeppink （＃ FF1493 ） deepskyblue （＃ 00BFFF ）dimgray（＃ 696969 ） dodgerblue （＃ 1E90FF ）耐火砖（＃ B22222 ） floralwhite （＃ FFFAF0 ）forestgreen（＃ 228B22 ）紫红色（＃ FF00FF ） gainsboro （＃ DCDCDC ） ghostwhite （＃ F8F8FF ）黄金（＃ FFD700 ）一枝黄花（＃ DAA520 ）灰色（＃ 808080 ）绿色（＃ 008000 ）greenyellow（＃ ADFF2F ）甘露（＃ F0FFF0 ） hotpink （＃ FF69B4 ） indianred （＃ CD5C5C ）靛蓝（＃ 4B0082 ）象牙（＃ FFFFF0 ）卡其（＃ F0E68C ）薰衣草（＃ E6E6FA ）lavenderblush（＃ FFF0F5 ） lawngreen （＃ 7CFC00 ） lemonchiffon （＃ FFFACD ） lightblue （＃ ADD8E6 ）lightcoral（＃ F08080 ） lightcyan（＃ E0FFFF ） lightgoldenrodyellow （＃ FAFAD2 ） lightgreen （＃ 90EE90 ） lightgrey（＃ D3D3D3 ） lightpink （＃ FFB6C1 ） lightsalmon （＃ FFA07A ） lightseagreen （＃ 20B2AA ）lightskyblue（＃ 87CEFA ） lightslategray （＃ 778899 ） lightsteelblue （＃ B0C4DE ） lightyellow （＃ FFFFE0 ）石灰（＃ 00FF00 ） limegreen （＃ 32CD32 ）亚麻（＃ FAF0E6 ）品红（＃ FF00FF ）栗色（＃ 800000 ） mediumaquamarine （＃ 66CDAA ） mediumblue （＃ 0000CD ） mediumo rchid （＃ BA55D3 ）mediumpurple（＃ 9370DB ） mediumseagreen （＃ 3CB371 ） mediumslateblue （＃ 7B68EE ） medium springgreen （＃ 00FA9A ）mediumturquoise（＃ 48D1CC ） mediumvioletred （＃ C71585 ） midnightblue （＃ 19.197万） mintcream （＃ F5FFFA ）mistyrose（＃ FFE4E1 ）莫卡辛（＃ FFE4B5 ） navajowhite （＃ FFDEAD ）海军（＃ 000080 ）oldlace（＃ FDF5E6 ）橄榄树（＃ 808000 ） olivedrab （＃ 6B8E23 ）橙色（＃ FFA500 ）orangered（＃ FF4500 ）兰花（＃ DA70D6 ） palegoldenrod （＃ EEE8AA ） palegreen （＃ 98FB98 ）paleturquoise（＃ AFEEEE ） palevioletred （＃ DB7093 ） papayawhip （＃ FFEFD5 ） peachpuff （＃ FFDAB9 ）秘鲁（＃ CD853F ）粉红（＃ FFC0CB ）梅花（＃ DDA0DD ） powderblue （＃ B0E0E6 ）紫色（＃ 800080 ）红（＃ FF0000 ） rosybrown （＃ BC8F8F ） royalblue （＃ 4169E1 ） saddlebrown （＃ 8B4513 ）鲑鱼（＃ FA8072 ） sandybrown （＃ F4A460 ） seagreen （＃ 2E8B57 ）海贝（＃ FFF5EE ）赭色（＃ A0522D ）银（＃ C0C0C0 ） skyblue （＃ 87CEEB ） slateblue （＃ 6A5ACD ） slategray （＃七十零点八○九万）雪（＃ FFFAFA ） springgreen （＃ 00FF7F ） steelblue （＃ 4682B4 ）潭（＃ D2B48C ）水鸭（＃ 008080 ）蓟（＃ D8BFD8 ）番茄（＃ FF6347 ）绿松石（＃ 40E0D0 ）紫（＃ EE82EE ）小麦（＃ F5DEB3 ）白色（＃ FFFFFF ） whitesmoke （＃ F5F5F5 ）黄色（＃ FFFF00 ） yellowgreen （＃ 9ACD32 ）<html>的<head> “ /头” <body bgcolor="red">“ /体重”“ /的HTML ”例如：黑色背景页代码背景颜色（Bgcolor）背景颜色属性将背景设置为某种颜色。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

html背景颜色代码大全
aliceblue
（＃F0F8FF ）antiquewhite （＃FAEBD7 ）王水
（＃00FFFF ）海蓝宝石
（＃7FFFD4 ）
湛蓝
（＃F0FFFF ）米色
（＃F5F5DC ）浓汤
（＃FFE4C4 ）黑色
（＃000000 ）blanchedalmond
（＃FFEBCD ）蓝色
（＃0000FF ）blueviolet
（＃8A2BE2 ）棕色
（＃A52A2A ）
burlywood
（＃DEB887 ）cadetblue （＃5F9EA0 ）沙特勒斯
（＃7FFF00 ）巧克力
（＃D2691E ）
珊瑚
（＃FF7F50 ）cornflowerblue （＃6495ED ）cornsilk
（＃FFF8DC ）深红
（＃DC143C ）
青色
（＃00FFFF ）darkblue
（＃00008B ）darkcyan
（＃008B8B ）darkgoldenrod （＃B8860B ）
darkgray
（＃A9A9A9 ）darkgreen （＃006400 ）darkkhaki
（＃BDB76B ）darkmagenta （＃8B008B ）darkolivegreen
（＃556B2F ）darkorange （＃FF8C00 ）darkorchid （＃9932CC ）darkred
（＃8B0000 ）
darksalmon
（＃E9967A ）darkseagreen
（＃8FBC8B ）darkslateblue
（＃483D8B ）darkslategray
（＃2F4F4F ）
darkturquoise
（＃00CED1 ）darkviolet
（＃9400D3 ）deeppink
（＃FF1493 ）deepskyblue
（＃00BFFF ）
dimgray
（＃696969 ）dodgerblue
（＃1E90FF ）耐火砖
（＃B22222 ）floralwhite
（＃FFFAF0 ）
forestgreen
（＃228B22 ）紫红色
（＃FF00FF ）gainsboro
（＃DCDCDC ）ghostwhite
（＃F8F8FF ）
黄金
（＃FFD700 ）一枝黄花
（＃DAA520 ）灰色
（＃808080 ）绿色
（＃008000 ）
greenyellow
（＃ADFF2F ）甘露
（＃F0FFF0 ）hotpink
（＃FF69B4 ）indianred
（＃CD5C5C ）
靛蓝
（＃4B0082 ）象牙
（＃FFFFF0 ）卡其
（＃F0E68C ）薰衣草
（＃E6E6FA ）
lavenderblush
（＃FFF0F5 ）lawngreen
（＃7CFC00 ）lemonchiffon
（＃FFFACD ）lightblue
（＃ADD8E6 ）
lightcoral
（＃F08080 ）lightcyan
（＃E0FFFF ）lightgoldenrodyellow （＃FAFAD2 ）lightgreen
（＃90EE90 ）
lightgrey
（＃D3D3D3 ）lightpink
（＃FFB6C1 ）lightsalmon
（＃FFA07A ）lightseagreen
（＃20B2AA ）
lightskyblue
（＃87CEFA ）lightslategray
（＃778899 ）lightsteelblue
（＃B0C4DE ）lightyellow
（＃FFFFE0 ）
石灰
（＃00FF00 ）limegreen
（＃32CD32 ）亚麻
（＃FAF0E6 ）品红
（＃FF00FF ）
栗色
（＃800000 ）mediumaquamarine （＃66CDAA ）mediumblue
（＃0000CD ）mediumorchid
（＃BA55D3 ）
mediumpurple
（＃9370DB ）mediumseagreen （＃3CB371 ）mediumslateblue （＃7B68EE ）mediumspringgreen （＃00FA9A ）mediumturquoise
（＃48D1CC ）mediumvioletred （＃C71585 ）midnightblue
（＃19.197万）mintcream
（＃F5FFFA ）
mistyrose
（＃FFE4E1 ）莫卡辛
（＃FFE4B5 ）navajowhite
（＃FFDEAD ）海军
（＃000080 ）
oldlace
（＃FDF5E6 ）橄榄树
（＃808000 ）olivedrab
（＃6B8E23 ）橙色
（＃FFA500 ）
orangered
（＃FF4500 ）兰花
（＃DA70D6 ）palegoldenrod
（＃EEE8AA ）palegreen
（＃98FB98 ）
paleturquoise
（＃AFEEEE ）palevioletred （＃DB7093 ）papayawhip （＃FFEFD5 ）peachpuff （＃FFDAB9 ）秘鲁
（＃CD853F ）粉红
（＃FFC0CB ）梅花
（＃DDA0DD ）powderblue （＃B0E0E6 ）紫色
（＃800080 ）红
（＃FF0000 ）rosybrown （＃BC8F8F ）royalblue （＃4169E1 ）saddlebrown （＃8B4513 ）鲑鱼
（＃FA8072 ）sandybrown （＃F4A460 ）seagreen （＃2E8B57 ）海贝
（＃FFF5EE ）赭色
（＃A0522D ）银
（＃C0C0C0 ）skyblue
（＃87CEEB ）slateblue （＃6A5ACD ）slategray （＃七十零点八○九万）雪
（＃FFFAFA ）springgreen （＃00FF7F ）steelblue （＃4682B4 ）潭
（＃D2B48C ）水鸭
（＃008080 ）蓟
（＃D8BFD8 ）番茄
（＃FF6347 ）绿松石
（＃40E0D0 ）紫
（＃EE82EE ）小麦
（＃F5DEB3 ）白色
（＃FFFFFF ）whitesmoke （＃F5F5F5 ）黄色
（＃FFFF00 ）yellowgreen （＃9ACD32 ）
<html>
的<head> “ /头”
<body bgcolor="red">
“ /体重”
“ /的HTML ”
例如：黑色背景页代码背景颜色（Bgcolor）
背景颜色属性将背景设置为某种颜色。

属性值可以是十六进制数、RGB 值或颜色名。

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">以上的代码均将背景颜色设置为黑色。