说说日志边框简单的制作

说说HTML边框   HTML边框很多朋友都在做，也在用 。也问了我不 少的问题。 1。问我空间的图框都比较好看，是咋做的。 2。问我要突起的图框咋做。 3。问我咋我贴的图都是满的，他（她）贴的 图咋总离框边还有空的地方。 4。框的颜色咋弄。。。。。。。。。。。。 其实，我QQ空间的HTML边框没一个是我做的，全 是偷的朋友们的来组合的。这篇日记里我不说图框的 制作（因这方面的教材很多的），说说HTML边框的 组合问题。                  一。边框的分类和合成     HTML边框分成两种，一种是纯代码形成的边框，如图：     另一种是用图片做成的边框，如图：           1。这两种边框可套用，也就是说，两种边框都可 内外再加边框。如图：       2。第二种边框可拆用其中一部分进行组合，如图：       3。框内可打字和贴上要表现的图片（其格式可 以用JPG，GIF，SWF，MPG图都行）                 二。代码边框的色彩改变   代码边框是由纯的代码形成的，如图：     其代码是：       <TABLE style="BORDER-RIGHT: #555555 10px groove; BORDER-TOP: #55 5555 10px groove; BORDER-LEFT: #555555 10px groove; BORDER-BOT TOM: #555555 10px groove; BORDER-COLLAPSE: collapse" borderColor=#55 5555 height=100 cellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> </TR></TBODY></TABLE>        这些代码是啥意思呢，它们的意思是：     #555555 颜色可变  10 大小可变  width=300 宽度可变 groove是图框的类型  BORDER和后面的代码表示边框的上下横条和左右竖条           搞清了这些就好办了，1。要把边框加粗就把10改大，要变细就把10改小。2。要改变框的颜色，就改用另外的颜色代码（下图里括号内的代码）。   颜色代码如下：     aliceblue (#F0F8FF) antiquewhite (#FAEBD7) aqua (#00FFFF) aquamarine (#7FFFD4) azure (#F0FFFF) beige (#F5F5DC) bisque (#FFE4C4) black (#000000) blanchedalmond (#FFEBCD) blue (#0000FF) blueviolet (#8A2BE2) brown (#A52A2A) burlywood (#DEB887) cadetblue (#5F9EA0) chartreuse (#7FFF00) chocolate (#D2691E) coral (#FF7F50) cornflowerblue (#6495ED) cornsilk (#FFF8DC) crimson (#DC143C) cyan (#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) firebrick (#B22222) floralwhite (#FFFAF0) forestgreen (#228B22) fuchsia (#FF00FF) gainsboro (#DCDCDC) ghostwhite (#F8F8FF) gold (#FFD700) goldenrod (#DAA520) gray (#808080) green (#008000) greenyellow (#ADFF2F) honeydew (#F0FFF0) hotpink (#FF69B4) indianred (#CD5C5C) indigo (#4B0082) ivory (#FFFFF0) khaki (#F0E68C) lavender (#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) lime (#00FF00) limegreen (#32CD32) linen (#FAF0E6) magenta (#FF00FF) maroon (#800000) mediumaquamarine (#66CDAA) mediumblue (#0000CD) mediumorchid (#BA55D3) mediumpurple (#9370DB) mediumseagreen (#3CB371) mediumslateblue (#7B68EE) mediumspringgreen (#00FA9A) mediumturquoise (#48D1CC) mediumvioletred (#C71585) midnightblue (#191970) mintcream (#F5FFFA) mistyrose (#FFE4E1) moccasin (#FFE4B5) navajowhite (#FFDEAD) navy (#000080) oldlace (#FDF5E6) olive (#808000) olivedrab (#6B8E23) orange (#FFA500) orangered (#FF4500) orchid (#DA70D6) palegoldenrod (#EEE8AA) palegreen (#98FB98) paleturquoise (#AFEEEE) palevioletred (#DB7093) papayawhip (#FFEFD5) peachpuff (#FFDAB9) peru (#CD853F) pink (#FFC0CB) plum (#DDA0DD) powderblue (#B0E0E6) purple (#800080) red (#FF0000) rosybrown (#BC8F8F) royalblue (#4169E1) saddlebrown (#8B4513) salmon (#FA8072) sandybrown (#F4A460) seagreen (#2E8B57) seashell (#FFF5EE) sienna (#A0522D) silver (#C0C0C0) skyblue (#87CEEB) slateblue (#6A5ACD) slategray (#708090) snow (#FFFAFA) springgreen (#00FF7F) steelblue (#4682B4) tan (#D2B48C) teal (#008080) thistle (#D8BFD8) tomato (#FF6347) turquoise (#40E0D0) violet (#EE82EE) wheat (#F5DEB3) white (#FFFFFF) whitesmoke (#F5F5F5) yellow (#FFFF00) yellowgreen (#9ACD32)                   三。代码边框的种类   代码边框的种类很多，常用的有：     槽线边框     <TABLE style="BORDER-RIGHT: #555555 10px groove; BORDER-TOP: #55 5555 10px groove; BORDER-LEFT: #555555 10px groove; BORDER-BOT TOM: #555555 10px groove; BORDER-COLLAPSE: collapse" borderColor=#55 5555 height=100 cellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>槽线边框表格</DIV></TD> </TR></TBODY></TABLE>        脊线边框     <TABLE style="BORDER-RIGHT: #555555 10px ridge; BORDER-TOP: #5 55555 10px ridge; BORDER-LEFT: #555555 10px ridge; BORDER-BOT TOM: #555555 10px ridge; BORDER-COLLAPSE: collapse" borderColor =#555555 height=100 cellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>脊线边框表格</DIV></TD> </TR></TBODY></TABLE>         内凹效果边框     <TABLE style="BORDER-RIGHT: #555555 10px inset; BORDER-TOP: #5555 55 10px inset; BORDER-LEFT: #555555 10px inset; BORDER-BOTTOM: #5 55555 10px inset; BORDER-COLLAPSE: collapse" borderColor=#555555 h eight=100 cellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>内凹效果边框</DIV></TD> </TR></TBODY></TABLE>         外凸效果边框     <TABLE style="BORDER-RIGHT: #555555 10px outset; BORDER-TOP: #555 555 10px outset; BORDER-LEFT: #555555 10px outset; BORDER-BOT TOM: #555555 10px outset; BORDER-COLLAPSE: collapse" borderColor=#55 5555 height=100 cellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>外凸效果边框</DIV></TD> </TR></TBODY></TABLE>       外虚内实     <TABLE style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dash ed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" bor derColor=#555555 height=100 cellSpacing=8 cellPadding=2 width=300 alig n=center bgColor=#555555 border=2> <TBODY> <TR> <TD style="BORDER-RIGHT: #555555 3px solid; BORDER-TOP: #555555 3px so lid; BACKGROUND: #333333; BORDER-LEFT: #555555 3px solid; BORDER-BOT TOM: #555555 3px solid"> <DIV align=center>外虚内实边框</DIV></TD></TR></TBODY></TABLE>       双实线边框     <TABLE borderColor=#555555 height=100 cellPadding=2 width =300 align=center border=3> <TBODY> <TR> <TD> <DIV align=center>双实线边框表格</DIV></TD> </TR></TBODY></TABLE>       点线边框     <TABLE style="BORDER-RIGHT: #555555 3px dotted; BORDER-TOP: #555 555 3px dotted; BORDER-LEFT: #555555 3px dotted; BORDER-BOTTO M: #555555 3px dotted; BORDER-COLLAPSE: collapse" borderColor=#3333 33 height=100 cellPadding=2 width=300 align=center border=2> <TBODY> <TR> <TD> <DIV align=center>点线边框表格</DIV></TD> </TR></TBODY></TABLE>          单实线边框     <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#555555 height=100 cellPadding=1 width=300 align=center border=2> <TBODY> <TR> <TD> <DIV align=center>单实线边框表格</DIV></TD> </TR></TBODY></TABLE>       立体阴影边框     <TABLE style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#33 3333,direction:130,strength:10)" borderColor=#555555 height=100 cellPa dding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>立体阴影边框表格</DIV></TD> </TR></TBODY></TABLE>       水平颠倒边框     <TABLE style="filter:fliph" borderColor=#555555 height=100 c ellPadding=1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>水平颠倒边框表格</DIV></TD> </TR></TBODY></TABLE>         上下颠倒边框     < TABLE style="filter:flipv" borderColor=#555555 height=100 cellPadding =1 width=300 align=center border=10> <TBODY> <TR> <TD> <DIV align=center>上下颠倒边框表格</DIV></TD> </TR></TBODY></TABLE>         浮雕特效边框     <TABLE style="filter:progid:DXImageTransform.Microsoft.Emboss()" borderCol or=#555555 height=100 cellPadding=1 width=300 align=center border=12> <TBODY> <TR> <TD> <DIV align=center> 浮雕特效边框表格 </DIV></TD></TR></TBODY></TABLE>       色彩渐变特效边框     <TABLE style="filter:invert" borderColor=#555555 height=100 c ellPadding=1 width=300 align=center border=12> <TBODY> <TR> <TD> <DIV align=center> 色彩渐变特效边框表格 </DIV></TD></TR></TBODY></TABLE>          X光特效边框     <TABLE style="filter:'xray'" borderColor=#555555 height=100 c ellPadding=1 width=300 align=center border=12> <TBODY> <TR> <TD> <DIV align=center> X光特效边框表格 </DIV></TD></TR></TBODY></TABLE>       黑白特效边框     <TABLE style="filter:'gray'" borderColor=#555555 height=100 c ellPadding=1 width=300 align=center border=12> <TBODY> <TR> <TD> <DIV align=center> 黑白特效边框表格 </DIV></TD></TR></TBODY></TABLE> 特效边框表格       我的QQ空间里常用的是外凸效果边框       在使用这些边框时，两种方法都可用 1。直接复制上面的图框，粘贴在日记的编辑栏里。 2。复制代码，贴在日记编辑栏上面的“高级”里的“HTML”里，贴前要把里面的<P></P>先删掉再贴，贴好后点“返回”就可继续编辑日记内容了。 要特别说明的是： 1。在图框内编辑日记前不能先放大图框。 2。如要在代码图框内加图片图框后使用， 所贴的日记正图比例要和图框的内框的宽一致。