2、手写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常用背景颜色代码
标记或参数定义<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手写代码[整理版]](https://img.taocdn.com/s3/m/d441b470f4335a8102d276a20029bd64783e62d5.png)
html手写代码<body text=""> 设置非链接文字（普通文字）的颜色bgproperties="fixed" 文字滚动背景不动；；；颜色属性:1 2 位（红色）3 4位（绿色）5 6位（蓝色）bgcolor="背景颜色" background="网页背景" ../网页的上层文件<p>标签的属性 align="下一段中的文字对齐方向"<b></b>和<strong></strong>以粗体显示<i></i>,<cite></cite>,<em></em>,<var></var>,<dfn></dfn>以斜体显示 <u></u>加下滑线 <address>斜体加换行</address><hr> noshade属性（取消水平线的立体属性“阴影”）<center>要居中的内容</center><strike>要加上删除线的文字</strike> <big>要加大的文字</big><small>要缩小的文字</small> sub下标 sup上标<ol><li></li></ol>有序排列 type属性="排序方式" start="3"排序从三开始<li>的属性 type="排序类型" value="开始的值"<ul><li></li></ul>无序排列<table> cellspcing 表格之间的距离 cellpadding文字与边框的距离 bgcolor背景颜色<td>valign垂直对齐 top顶 middle居中对齐 bottom底端对齐</td><img src="" hspace="水平方向空白" vspace="垂直方向空白"><a href="链接网站" >图片链接<a><img="" src="" usemap="map(代表有热点区域片)" /></a><map name="" id="map"><area shape="热点形状：rect矩形circle 圆形poly不规则图像" coords="左上角和右下角的坐标"/></map><frameset rows=（框架横向的划分） cols="框架的垂直划分（12，*）" framespacing="两个边框的距离" frameborder="有无边框（值有1,0，yes，no）">框架标签<frame src="网页 id="" name="框架名字" scrolling="(yes和no)框架是否有滚动条"（框窗"<frameset><noframes><body></body></noframes> 当浏览器不支持框架时显示<body>和</body>之间的文字<iframe src="">当浏览器不支持iframe标签时显示的文字</iframe><marquee>width和height属性限制文字滚动的宽度和高度behavior属性决定文字滚动的方式scrollamount滚动速度 loop滚动次数元标签<meta name="description" content="描述信息"><meta name="keywords" contect="关键字">特殊符号在代码中的显示用指定的代码显示CSS行内样式 style= "border:#ffffff 10px solid(实线)"dotted虚线style="font-style:italic(斜体字)" font-size字体大小style="font-variant:small-caps" 将文字变成小型大写style="font-weght:{bold(粗体相当于把值设为700)，bolder（比normal粗一点)，lighter(比正常要细)}"style="font-family:"字体"" 一种字体不加引号或单引号多种加双引号style="text-decoration:underline(下划线),overline(上划线),line-through（中线）"style="text-align:文本对齐方式"style="letter-spacing:文字间的间隔像素"style="color:#颜色属性"background:可以设置多种属性如颜色背景图片background-color:设置背景颜色background:url() background-image:url()设置背景图片background-repeat:背景图片是否重复有no-repeat（不重复）repeat-x（横向重复）repeat-y（纵向重复）background-position:center（水平位置）center（垂直位置）; 控制图片的位置也可精确的控制图片的位置ru：background-position:*px或*% *px或*% 此处的px可省略也可特定设置水平和垂直的位置background-position-x（或y）margin（外空白）[余量]style="margin:*px"设置图片与border的空白style="margin-{left||right||bottom||top}:*px"设置单方的空白style="margin:*(上下空白) *（左右空白）"style="margin:*(left) *(right) *(bottom) *(left)"padding(内空白)[填充]usage and margin（用法与margin一样）css内联样式标签样式<style type="text/css"><!--a:link{}/*超链接未连接的时候*/a:hover{}/*当鼠标经过的时候*/a:active{}/*当单击超链接的时候*/a:visiited{}/*当访问过之后的样式*/这四个是伪类；；；；--></style>类样式<style type="text/css"><!--.* a:link--></style>在需要应用超链接css处添加代码 class="*"选择符组p,b{指定两个标签的相同样式}类选择符b.reg其中b是标签名reg是css类样式名When application[应用] in b labels[标签] add code in class ="reg" to register[登记][应用时在b标签中添加代码class="reg"]Class lable if added before the tag name only to the corresponding[应用] lables such effective[有效] [类标签前要是添加了标签名则该类只对对应的标签有效]ID选择符#ID（id号）When using in the tag[标签] to join id=""【当使用时在标签中加入id=""】td#one(标签#one)限定ID的作用标签包含标签td p（标签标签） {css样式}此css作用于td中的p标签与上面的.* a:link用法差不多伪类和类的结合 a.red:link method of use[使用方法]class=red；这种方法限制了此css只能在a标签中使用.red a:link 这种方法不限制css所应用的标签;;外部链接<link rel="stylesheet" （使用指定的样式表格式）type="text/css"(指定使用的文件是样式表文件) href="css/文件名"（css文件路径）>设为首页样式代码<a style="behavior:url(#default#homepage)"onclick="this.style.behavior='url(#default#homepage)';this. sethomepage(‘填入要设的网页’);return(false);" href=#>文字</a><a onclick="window.external.addfavorite('要收藏的网页','网站名称')" href=#>文字</a>例子（主页和收藏）<html><head><title>made of luye</title></head><body><a href=# style="behavior:url(#default#homepage)"onclick="this.style.behavior='url(#default#homepage)';this. sethomepage('')">homepage</a><p>111</p><a href=#onclick="window.external.addfavorite('' ,'qwer')">favorite</a></body></html>margin和padding的区别margin是标签与标签之间的空白padding 是标签之内的空白；。
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背景颜色代码大全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 ”例如：黑色背景页代码背景颜色（Bgcolor）背景颜色属性将背景设置为某种颜色。
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）背景颜色属性将背景设置为某种颜色。
html中background的用法
HTML中background的用法1.背景颜色在H TM L中，可以使用`ba ck gr ou nd-c ol o r`属性来设置元素的背景颜色，例如：```<b od ys ty le="ba ckg r ou nd-c ol or:#f1f1f1;"><h1>欢迎来到我的网站！</h1></bo dy>```2.背景图片除了设置背景颜色，H T ML还可以使用`ba c kg ro un d-im ag e`属性来设置元素的背景图片，例如：```<b od ys ty le="ba ckg r ou nd-i ma ge:u rl('bg.j pg');"><h1>欢迎来到我的网站！</h1></bo dy>```3.背景重复当背景图片的尺寸小于元素大小时，可以使用`b ac kg ro un d-r e pe at`属性来设置背景图片的重复方式。
常用的取值有：-`re pe at`：默认值，背景图片在水平和垂直方向上都重复；-`re pe at-x`：只在水平方向上重复；-`re pe at-y`：只在垂直方向上重复；-`no-r ep ea t`：不重复，背景图片只显示一次。
例如：```<b od ys ty le="ba ckg r ou nd-i ma ge:u rl('bg.j pg');b ac kgr o un d-r e pe at:n o-re pe at;"><h1>欢迎来到我的网站！</h1></bo dy>```4.背景定位通过设置`b ac kg ro un d-p os it io n`属性，可以调整背景图片在元素中的位置。
该属性的值可以使用关键词或百分比来表示。
html透明颜色黑绿色代码
html透明颜色黑绿色代码使用Less语句//define mixin.crossbrowser(@color,@alpha){@rgba:rgba(red(@color),green(@color),blue(@color),@alph a);@argb:argb(@rgba);background-color:@color;background-color:@rgba;filter:~"progid:DXImageTransform.Microsoft.gradient(sta rtColorstr=@{argb},endColorstr=@{argb})";-ms-filter:~"progid:DXImageTransform.Microsoft.gradient (startColorstr=@{argb},endColorstr=@{argb})";}//use it.bg{.crossbrowser(red,.2);}解析出来的代码为：.bg{background-color:#ff0000;background-color:rgba(255,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ff0000,endColorstr=#33ff0000);-ms-filter:progid:DXImageTransform.Microsoft.gradient(s tartColorstr=#33ff0000,endColorstr=#33ff0000);}貌似不兼容IE9，由于IE9既支持filter，又支持rgba，重复导致背景重叠。
最好的兼容Less代码是：//define mixin.crossbrowser-ie(@color,@alpha){@rgba:rgba(red(@color),green(@color),blue(@color),@alph a);@argb:argb(@rgba);filter:~"progid:DXImageTransform.Microsoft.gradient(ena bled='true',startColorstr=@{argb},endColorstr=@{argb})";}.crossbrowser(@color,@alpha){filter:none;@rgba:rgba(red(@color),green(@color),blue(@color),@alph a);@argb:argb(@rgba);background-color:@color;background-color:@rgba;}.bg{.crossbrowser-ie(red,0.3);}:root.bg{.crossbrowser(red,0.3);}解析出来的代码为：.bg{filter:progid:DXImageTransform.Microsoft.gradient(enabl ed='true',startColorstr=#4dff0000,endColorstr=#4dff0000);}:root.bg{filter:none;background-color:#ff0000;background-color:rgba(255,0,0,0.3);}我们做网页，多数在css定义，说到背景色，一般大家都知道用：background或background-color加颜色码或颜色英文定义比如：背景色为黑色就是：background:#000000;background-color:#000000;background:black;background-color:black;以上都是可以的。
前景色怎么设置
前景色怎么设置前景色是指文本、图像或其他元素的颜色。
在不同的应用程序或编程语言中，可以使用不同的方法来设置前景色。
下面是一些常见的设置前景色的方法：1. HTML/CSS：HTML和CSS可以用来设置网页的前景色。
可以使用CSS的color属性来设置文本的前景色，如：```<p style="color: red;">这是红色的文本</p>```或者可以在CSS样式表中设置类或ID选择器来设置特定元素的前景色，如：```<style>.red-text {color: red;}</style><p class="red-text">这是红色的文本</p>```2. Python tkinter库：tkinter是Python的一个GUI库，可以用来创建图形用户界面。
可以使用Label或Button等小部件的foreground属性来设置前景色，如：```pythonfrom tkinter import *root = Tk()label = Label(root, text="这是红色的文本", foreground="red") label.pack()root.mainloop()```3. JavaScript：JavaScript可用于在网页中进行动态操作。
可以使用style属性或classList属性来设置元素的前景色，如：```javascriptdocument.getElementById("myElement").style.color = "red";// 或者document.getElementById("myElement").classList.add("red-text"); ```4. Java Swing：Java的Swing库可以用来创建Java图形用户界面。
Dreamweaver8如何通过代码设置页面高宽颜色
Dreamweaver8如何通过代码设置页面高宽颜色
Dreamweaver8如何通过代码设置页面高宽颜色
dreamweaver是一款网页设计软件，可以通过设置按钮和写很少的'代码实现想要的页面设计，以下是店铺为大家搜索整理的Dreamweaver8如何通过代码设置页面高宽颜色，希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生考试!
1、打开dreamweaver 8软件，然后新建一个html页。
如图：
2、接下来页面插入div标签，选择工具栏“插入DIV标签”按钮，在打开对话框中ID项给这个div命名，我们给它起个名字叫layout(可以根据自己需要写)。
如图：
3、点击“插入”后，如图，给div起个名，如图：
4、点“确定”后代码会多出来，如下：
5、增加样式：在右边点击css样式的图标
6、勾选“仅对该文档”，如图：
7、设置宽高和背景，如图：
8。
点击应用确定即可，设置背景颜色：
9、勾选想要的颜色，点应用，确定即可。
整体效果：
【Dreamweaver8如何通过代码设置页面高宽颜色】。
htmlbackground用法和搭配
HTML Background用法和搭配HTML中的background属性可用于设置元素的背景颜色或背景图像。
在本文中，我们将深入探讨HTML中的background属性的使用方法，以及其与其他CSS属性的搭配。
1. 基本用法在HTML中，可以使用background-color属性来设置元素的背景颜色。
这可以通过以下方式实现：<div style="background-color: #ff0000;">这是一个有红色背景的div元素.</div>除了设置背景颜色，还可以使用background-image属性来设置元素的背景图像。
例如：<div style="background-image: url('example.jpg');"> 这是一个带有背景图像的div元素.</div>2. 深入了解另外，background属性还包括了background-repeat、background-size、background-attachment等子属性，用于控制背景图像在元素内的重复方式、大小以及与元素的关联方式。
这些子属性的使用可以使背景图像的呈现更加灵活多样。
可以使用background-repeat属性来控制背景图像的重复方式，包括repeat（默认值）、repeat-x、repeat-y以及no-repeat。
而background-size属性则可以控制背景图像的大小，可以使用像素值或百分比值来设置。
background-attachment属性可以控制背景图像与元素的关联方式，包括scroll（背景图像随滚动条滚动）和fixed （背景图像固定在视口）。
3. 与其他CSS属性的搭配在实际应用中，background属性通常会与其他CSS属性相结合，以实现更为复杂的效果。
可以使用background属性和border-radius属性来实现带有圆角背景的元素：<div style="background-color: #ff0000; border-radius: 10px;"> 这是一个带有圆角背景的div元素.</div>另外，background属性还可以与gradient属性相结合，来实现渐变背景的效果。
HTML代码和字体颜色使用方法
HTML代码和字体颜色使用方法常用HTML代码,字体颜色等2009年04月22日星期三08:001.初级字体特效加粗代码:<b>加粗</b>蓝色标明:需要加粗的文字.倾斜代码:<em>倾斜</em>蓝色标明:要倾斜的文字.下划线代码:<u>下划线</u>蓝色标明:要加下划线的文字.删除线代码:<s>删除线</s>蓝色标明:要加下划线的文字.字体加大代码:<big>字体加大</big>蓝色标明:要放大的文字.字体控制大小代码:<H3>字体大小(其中字体大小可从H1-H6,H1最大，H6最小)</H3>蓝色标明:要控制大小的文字.字体的基本代码是这些，需要指出的是，代码并不是唯一的，比如倾斜的用EM 和I就都可以；而对于某些特效，你想知道代码，可以通过点击右键，查看源文件来查看代码。
2.彩色字体及部分颜色代码更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与FFFFFF(16位进制)之间修改#后面的数值，就可以改变字体的颜色。
部分常用颜色代码：#ff0000 红色的字喔！#ff8000 橙色的字喔！#ffff00 黄色的字喔！#00ff00 绿色的字喔！#0080ff 蓝色的字喔！#0000a0 靛色的字喔！#8000ff 紫色的字喔！#000000 黑色的字喔！#c0c0c0 灰色的字喔！特效发光字代码<fieldsetSTYLE='border:;padding:14px;filter:glow(color=#0080ff,strength=3);let ter-spacing:2px;'><fontSTYLE='font:12px/14px;color:#ffffff;font-weight:bold;'>特效发光字</font></fieldset>上面代码的解释：(color=#0080ff,strength=3)，color=#0080ff 就是外面发的光的颜色，可以用上面的颜色代码进行替换，就会出来不同效果的字体。
html中background颜色代码的用法
在HTML中，你可以使用CSS（层叠样式表）来设置背景颜色。
这通常是在<style>标签中完成的，但也可以直接在HTML元素中使用内联样式。
下面是一些基本示例：1.在<style>标签中设置整个网页的背景颜色：2.html复制代码<style>body {background-color: #f0f0f0; /* 使用十六进制颜色代码 */}</style>你也可以使用RGB值，如下：html复制代码<style>body {background-color: rgb(240, 240, 240); /* 使用RGB颜色值 */}</style>1.在HTML元素中设置特定元素的背景颜色：2.html复制代码<body style="background-color: #f0f0f0;"><!-- 使用内联样式设置背景颜色 -->或者使用RGB值：html复制代码<body style="background-color: rgb(240, 240, 240);"><!-- 使用内联样式设置背景颜色-->在以上例子中，#f0f0f0和rgb(240, 240, 240)都是背景颜色代码。
这些代码分别表示一种浅灰色。
#后的六个字符分别代表红、绿、蓝三种颜色的强度。
例如，#FF0000代表红色，#00FF00代表绿色，#0000FF代表蓝色。
而rgb()函数中的三个数字则分别代表红、绿、蓝三种颜色的强度，范围是0-255。
例如，rgb(255, 0,0)也是红色，rgb(0, 255, 0)也是绿色，rgb(0, 0, 255)也是蓝色。
《设置网页背景》教学设计
《设置网页背景》教学设计银川唐徕回民中学宝湖校区马伏华一、教学设计部分本课的主要内容与地位教材：电子工业出版社义务教育教科书《信息技术》九年级（上）主要教学内容：设置网页的背景（1.为网页设置颜色背景 2.为网页设置图片背景）。
拓展内容：设置表格（单元格）的背景（颜色背景，图片背景）网页是否美观大方，除了要规划好版面结构外，还要综合考虑页面中各元素的合理搭配和美化，尤其在很大程度上取决于各元素的色彩搭配是否和谐得当、色调是否与网站主题相吻合，以及网站中元素是否能满足网站要表达的感情等。
对网页进行美化是每一个网站建设者的不懈追求。
本课与前后内容的关系在第5课时，学生已经学习了给主页添加内容，包括文字和图片，但整体网页色彩还是显得很单一。
本节网页美化是对前期所做的网页的修饰，是提升网站可观赏性的一个非常重知识目标/技能目标知识目标了解对网页进行美化的常用方法。
理解美化网页对网站质量的提高作用。
技能目标掌握设置网页及表格的背景的一般方法。
情感态度与价值观目标1.提高审美意识，发现美、认识美，美化生活从自身做起。
2. 体会与老师、同学之间沟通和交流，虚心听取别人的意见，取人之长，补己之短。
本课的重难点重点：设置网页背景、设置表格（单元格）背景难点：网页的色彩调配及图片背景的设置本课的课时分配建议教法建议教学过程中，教师应引导学生参考借鉴优秀网站在色彩、布局上的做法，自主地学习有关版面设计和色彩搭配方面的知识，并应用到自己的网站设计中。
本节涉及多个任务，教师应布置合理的分组，由学生通过实践操作，完成任务体会背景设置。
教学方法：任务驱动自主学习小组交流学法建议：美化效果在很大程度上取决于对美的鉴赏能力，学生在平时应多注意电视广告、杂志封面、街头广告牌等的设计的方法，并将它们应用到自己的网页设计中。
教学评价建议：自评、互评、师评要注意的问题，侧重对学生探究新知识的态度是否积极向上进行评价。
本课教学资源索引1．设置网页背景站点下的的半成品网页：Index.html、001.html 002.html 003.html，网页模板mb.dwt\mb1.dwt.2.学生完成任务所需背景图片。
HTML语言代码范例
HTML语言代码A 语言结构1．<!Doctype…> 用于定义HTML文件的类型。
如：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">表明DTD(Document Type Definition)由W3C制订，HTML版本为4.0，使用的语言为英语。
2．<HTML>…</HTML>定义HTML文件的开始和结束。
3．<HEAD>…</HEAD>出现在HTML文件的起始部分，用来表明文件的标题等有关信息。
4．<BODY>…</BODY>BODY元素是HTML文件的主体，可以理解成除标题以外的所有部分。
<BODY>标记可以包含的属性有：BODYGROUND：指定一个图像资源作为网页的背景图案；TEXT：取颜色值，设置文本文字的颜色；LINK：取颜色值，设置未被访问过的链接指示文字的颜色；VLINK：取颜色值，设置已被访问过的链接指示文字的颜色；ALINK：取颜色值，设置被用户选中的链接指示文字的颜色；BGCOLOR：取颜色值，设置网页的背景颜色；ONLOAD：事件处理，当打开网页时，事件ONLOAD发生；ON UNLOAD：当当前网页移去到另一个网页时，事件ONUNLOAD发生；基本用法如下：<BODY aLink=#cc0000 bgColor=#fffffflink=#0000ff text=#0f0000 topMargin=5 vLink=#0000aa marginheight="5">B 文件头部HTML文件头部位于<HTML>和</HTML>之间，内容包括标题名、创作信息等。
1．<BASE>这是一个单标记，为网页中出现的URL设定相对引用的基路径，必须出现在任何引用外部资源的元素之前，用法如下：<BASEHREF=””>2．<ISINDEX>用于在浏览器上建立一个交互索引框。
html语言基本常识
<html></html>标志着html文件的开始与结束<head></head>头部标志符<title></title>网页的标题<boby></boby>构成web的主体1.background 定义网页的背景图案2.bgcolor 背景色（默认白）3.text 文字颜色（默认黑）4.link 超链接颜色（默认蓝）5.alink 当前被选中的超链接颜色（默认红）6.vlink 已被访问过的超链接颜色（默认紫）<font></font>标志符可以控制字符的样式1.face 设置文字的字体效果2.color 设置文字颜色3.size 设置字体大小<b></b> 粗体 <strike></strike>删除线<big></big>大字体 <sub></sub>下标<i></i>斜体 <sup></sup>上标<s></s>删除线 <u></u>下划线<small></small>小字体<hn></hn>设置文件中的标题 nj 1~6的数字<p></p>(paragraph)划分段落<pre></pre>预格式化标志符<hr> 换行并绘制一条水平线（没有结束标志符）1.width 水平线长度2.size 水平线粗细3.noshade 无阴影4.align 水平线的对齐方式（left center right)5.color 水平线颜色<br> 强制换行(没有结束标志符)<ol><li>......</li><li>......</li>.......</ol> 设置有序列表 li可是1.2.3....或a.b.c....或A.B.C...或i.ii.iii.....或I.II.III....(两个属性:type start)<ul><li>......</li><li>......</li>......</ul> 无序列表 (一个属性:type disc实心圆 circle空心圆 square方框)<a></a>实现超链接1.href 定义超链接所指向的文档的URL2.target 目标窗口 锚名称（该属性一般在创建页面内超链接时使用)<a href="/URL"></a>使用a标志符创建超链接时，可以使用相对路径（同一网站内的文件），也可以使用绝对路径（指向本站点以外的文件)<a ></a>.....<a href="#锚点名称"></a> 创建网面内超链接逻辑上分为两步，首先定义锚点，然后再创建指向锚点的超链接<a href="mailto:电子邮箱地址"></a>指向电子邮箱的超链接><img> 插入图像1.src 设置被引用的图像文件所在的位置2.alt 设置图像的简单文字说明3.width,height 设置图像的宽度与高度4.align 对齐方式(left,right,top,bottom,middle)5.border 边框宽度6.hspace ,vspace 定义了图像与周围元素的水平和垂直间距<map><area><area>......</map><imgsrc="/"usemap="#图像映射名称"><map></map>定义了图像映射的区域img通过usemap可以确定与所建立的图像映射区域的关系area定义图像不同区域与不同文档之间建立链接1.shape 形状(rect矩形 circle圆 poly多边形)2.coords 坐标3.target 目标窗口4.alt 替换文字<table><caption></caption><tr><th></th><th></th>......</tr><tr><td></td><td></td>......</tr><tr><td></td><td></td></tr>......</table> table标记符定义表格 caption定义表格标题 tr标记符定义表格的行 th,td标志符定义表格的单元格 th定义表头单元格table可以创建一个新的表格1.width(宽),height(高)2.border(边框)3.bgcolor(背景颜色)4.align(对齐方式left right center)5.cellpadding(填充距)6.cellspacing(单元格间距)7.rules(分隔线 none无分隔线 groups在行列之间有 rows只有行分隔线 cols只有列 all所有)8.frame(边框 void无边框 above只显示顶部边框 below只显示底部边框 hsides只显示顶，底部边框 vsides只显示左右边框 lhs显示左边框 rhs显示右 box显示所有)<tr></tr>表行1.align 对齐方式(left center right)2.valign 垂直对齐方式 (top middle bottom baseline)3.bgcolor 背景颜色<td></td>表格数据1.width,height2.align(left right center)3.valign(top middle bottom)4.bgcolor5.rowspan 单元表的行数6.colspan 单元表的列数<frameset><frame><frame>......<frame></frameset> frameset是将窗口分割成若干个子窗口，子窗口数取决于frame的个数<frame> 标记符来标识子窗口(无结果符)2.src(源) 设置框架内容的URL3.frameborder(框架边框)4.marginwidth (框架的左右边距)5.marginheight(框架的上下边距)6.scrolling(是否显示滚动条 auto自动 yes显示 no不显示)7.noresize(不允许调整框架的尺寸)<a herf="目标文件"target="目标框架名">超链接内容</a>1._top 表示将超链接的目标文件装入整个浏览器窗口2._self 表示将超链接的目标文件装入当前框架，以取代该框架中正在显示的文件3._blank 表示将超链接的目标文件装入一个新的浏览窗口4._parent 表示将超链接的目标文件装入当前框架的父框架<iframe></iframe>定义了一个页面内的框架1.src(源) 设置框架内容的URL3.width,height4.align (top middle bottom)5.frameborder(框架边框)6.marginwidth(框架左右边框),marginheight(框架上下边框)7.scrolling(是否显示滚动条 auto yes no)<form></form>表单1.method(方法) 定义表单的提交方式2.action(动作) 指定表单所对应的处理程序<input> 定义了一个用于用户输入的表单元素(无结束标记符) 标识表单元素2.type 指定表单元素的类型(text文本 password密码 checkbox复选框 radio单选框 submit提交按钮 reset重置按钮)<input type="text">将type指定为text,在浏览器中显示一个文本输入框，供用户输入信息1.value (初始值)2.size (尺寸)3.maxlength(输入文本的最大字符数)<input type="password">密码文本框例:<form>密码:<input type="password"size="10"maxlength="15"></form><input type="checkbox">复选框例:<from><p>你的爱好:</P><input type="checkbox"value="music"checked>音乐<input type="checkbox"value="sports">体育<input type="checkbox"value="other">其它</form><input type="radio">单选框例:<form><p>公司的人数:</p><p><input type="radio">少于10人</p> <p><input type="radio"checked>10人至100人</p> <p><input type="radio">100人以上</p></form><input type="submit">提交按钮<form><input type="submit"value="提交"></form><input type="reset">重置按钮<input type="image">图像提交按钮<input type="file"><input type="buttom"><input type="hidden"><textarea></textarea>定义一个用于用户多行输入的表单元素 指定文本域的名称2.rows 指定文本域的高度3.cols 指定文本域的宽度<select><option></option><option></option>......<option></option></select> 定义了一个选项列表表单元素 指定选取项列表的名称2.size 指定列表选项显示时一次显示选项的数目3.multiple使用该属性可以允许多重选择4.value 指定当该选项被选中并提交后，浏览器传给服务器的数据5.selected 指定哪一个选项在默认状态下是选中状态<label></label>选中该控件<marquee></marquee>创建一些滚动字幕1.direction(方向 left right up down)2.behavior (行为 scroll绕圈滚动 slide只滚一次 alternate来回滚动)3.loop (循环)4.scrollamount(滚动的速度)5.scrolldelay(滚动延时)6.align(对齐方式 top middle bottom)7.bgcolor8.height,width9.hspace,vspace(垂直和水平间距)<applet><param><param>......</applet> applet用来在网页中插入一个Java小应用程序对象1.code(源代码) 指定Java小应用程序的源代码文件(.class文件)3.width,height4.alignparam用来定义Java小应用程序中的参数2.value(值)给变量赋值3.valuetype(值类型 data表示value指定的值将作为一个字符串传递的对象ref表示value指定的值是一个URLobject表示value指定的值是一个指向同一文档中一个object的标志符)4.type(类型)当valuetype属性的值设置为ref时，此属性指定了URL所代表资源的内容类型<object><param><param>......</object> object可以定义很多种不同的多媒体文件1.classid:该属性指定了浏览器中用来播放相应多媒体对象的控件ID2.codebase:定义多媒体文件相对位置的根目录3.codetype:指定当下载由classid所指定的对象时使用的数据内容的类型4.data:定义多媒体文件的位置5.type:定义多媒体文件的类型6.width,heightselector{property1:value1;property2:value2......}selector表示需要应用式样的对象property表示由css标准定义的样式属性value表示样式赂性的值例:h2{text-align:center;font-family:楷体_gb2312}selector.classname{property1:value1;......} 标记符类.classname{property:value;......} 通用类#IDname{property:value;......}用户定义ID虚类a:link或:link 当超链接末被访问过时，超链接的显示方式a:visited或:visited 当超链接已经被访问过时，超链接的显示方式a:active或:active当超链接当前为选中姿态时，超链接的显示方式a:hover或:hover 当鼠标指针悬停在超链接上时，超链接的显示方式例: a:link{color:blue}长度单位1.em:它所代表的长度是当前字体中m字母的宽度2.ex:它所代表的长度是当前字体中x字母的高度3.px:像素，它是相对于计算机屏幕的分辨率来定义的in:英寸，1in=2.54cm 1cm=10mmpt:点,1点=1/72in pc:帕 1帕=12点font-family(字体族)font-family:字体名称 | 字体族名称例： p{font-family:黑体，宋体，serif} font-style(字体风格)font-style:字体风格名称例: p{font-style:oblique}font-size(字体大小)font-size:绝对大小 | 相对大小 | 百分比font-variant(字体变形)font-varient:字体变形值1.normal(普通)2.small-caps(小型大写字母)font-weight(字体加粗)font-weight:字体加粗值1.normal(普通)2.bold(加粗)3.bolder(更粗)4.lighter(更细)letter-spacing(字符间距)letter-spacing:数值text-decoration(文字修饰)text-decoration:文字修饰效果1.none 无2.underline 下划线3.overline 上划线4.line-through 删除线5.bink 闪烁text-transform(文本转换)text-transform:文本转换方式1.none 无2.capitalize 使所有单词的第一个字母大写3.uppercase 使所有单词字母都大写4.lowercase 使所有单词字母都小写text-align(文本对齐方式)text-align:对齐方式1.left2.right3.justify 可调整text-indent(文本缩放)text-indent:缩放的数值line-height(行高)line-height:数值margin(页边距)margin:数值padding(填充距)padding:数值例： table{padding:2cm 3cm 5cm}上填充距2cm,左右填充距为3cm,下填充距5cmborder-style(边框样式)border-style:边框样式1.none2.dotted 点线3.dashed 虚线4.solid 实线5.double6.groove 凹线7.ridge 凸线8.inset 内陷9.outset 外凸border-color(边框颜色)border-color: 颜色值border-width(边框宽度)border-width:数值1.thin 细2.medium 中3.thick 宽border(边框)border:边框样式|边框宽度|边框颜色例: h1{border:5px solid red}float(浮动)float:参数1.none2.left3.right在搏客中比较常用的代码一、美化文字的代码：1.文字间换行：文字内容<br>文字内容2.一个段落：<p>文字内容</p>3.字体加粗：<b>文字内容</b>4.字体加大：<big>文字内容</big>5.文字标题：从一号标题H1到六号标题H6，逐渐减小<h2>文字内容</h2>6.斜体字：<i>文字内容</i>7.在字前加圆点：<li>文字内容</li>8.字体下划线：<u>文字内容</u>9.字体删除线：<s>文字内容</s>10.更改字体颜色： value值在000000与ffffff（16位进制）之间<font color=“#value”>文字内容</font>11.加入连接：target=“_blank” 在新窗口打开连接<a href=“所要连接的相关地址” target=“_blank”>显示在页面上的文字</a>12.消除连接的下划线：<a href=“相关地址” style=“text-decoration:none”>文字内容</a>13.滚动文字效果： marquee有四个方向参数，如图1<marquee dire ction=“up”>文字内容</marquee>图114.原始文字样式：可以显示半角的空格等原文内容：<pre> 正文</pre>二、在博客中嵌入其他元素1.在博客中贴图： width是图片的宽度，height是高度<imgsrc=“图片地址”；width=“120”；height=“90”；alt=“鼠标移动到图片上显示的字”；>2.在博客中贴Flash： width，height可以是指定的高度，也可以不设置，可以是100% 。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
方法一：文字描述。
在以下的<body>的尖括号中加入一句代码，修改背景颜色为黄色：
未加入之前：
<html>
<head>
<title>我的第一个网页</title>
<meta http-equiv="Content-Type" content=text/html;charset=gb2312>
</html>
“#FFFF00”（黄色），可以在借助图形图像处理软件的调色板得到，如PHOTOSHOP、Fireworks、CorelDRAW等。
小结：修改背景颜色，只要改变bgcolor的值就可以了。
方法三：用图形作为网页的背景。
（1）在主目录如aaa下建立一个img子目录，这里的“img”是英文“image”的缩写，翻译成中文是“图片”的意思。这是用来干什么的？我们要做很多网页，这些网页都要用到同一个背景图形文件，将这个文件保存在一个文件夹中，以后每次使用的时候都调用这个文件就可以了。
</head>
<body>
</body>
</html>
加入代码“bgcolor=yellow”后：
<html>
<head>
<title>我的第一个网页</title>
<meta http-equiv="Content-Type" content=text/html;charset=gb2312>
（2）将一个背景文件图拷贝到这个文件夹下。如backgroud.gif等。在这里必须强调：网页中的图形文件必须使用“gif”“jpg”图形格式的文件。
（3）将<body>中的“bgcolor=#FFFF00”改成"backgroud=../img/backgroud.gif"../是个相对路径，指的是当前文件所在的上一级目录，也就是“aaa”文件夹了。“../img/backgroud.gif”指的是“aaa”目录下的“img”文件夹下的“backgroud.gif”文件。
</head>
<body bgcolor=yellow>
</body>
</olor"不要写成"bgcolour"，修改源文件后保存该文件，然后刷新相应的IE窗口，就可以看到修改后的效果了。
方法二：设置成十六进制的数字描述的颜色格式。如在<body>的尖括号中加入一句代码“bgcolor=#FFFF00”：
<html>
<head>
<title>我的第一个网页</title>
<meta http-equiv="Content-Type" content=text/html;charset=gb2312>
</head>
<body bgcolor=#FFFF00>
</body>