说说日志边框简单的制作
说说日志边框简单的制作
&说说HTML边框
HTML边框很多朋友都在做，也在用&。也问了我不
少的问题。
1。问我空间的图框都比较好看，是咋做的。
2。问我要突起的图框咋做。
3。问我咋我贴的图都是满的，他（她）贴的
图咋总离框边还有空的地方。
4。框的颜色咋弄。。。。。。。。。。。。
其实，我QQ空间的HTML边框没一个是我做的，全
是偷的朋友们的来组合的。这篇日记里我不说图框的
制作（因这方面的教材很多的），说说HTML边框的
组合问题。
&一。边框的分类和合成
HTML边框分成两种，一种是纯代码形成的边框，如图：
另一种是用图片做成的边框，如图：
1。这两种边框可套用，也就是说，两种边框都可
内外再加边框。如图：
2。第二种边框可拆用其中一部分进行组合，如图：
3。框内可打字和贴上要表现的图片（其格式可
以用JPG，GIF，SWF，MPG图都行）
& 二。代码边框的色彩改变
代码边框是由纯的代码形成的，如图：
其代码是：
&TABLE style="BORDER-RIGHT: #555555 10 BORDER-TOP: #55
5555 10 BORDER-LEFT: #555555 10 BORDER-BOT
TOM: #555555 10 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: # BORDER-TOP: #55
5555 10 BORDER-LEFT: # BORDER-BOT
TOM: # 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: # BORDER-TOP: #5
55555 10 BORDER-LEFT: # BORDER-BOT
TOM: # 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: # BORDER-TOP: #5555
55 10 BORDER-LEFT: # BORDER-BOTTOM: #5
55555 10 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: # BORDER-TOP: #555
555 10 BORDER-LEFT: # BORDER-BOT
TOM: # 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: BORDER-RIGHT-STYLE: dash
BORDER-LEFT-STYLE: 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: # BORDER-TOP: #px so
BACKGROUND: #333333; BORDER-LEFT: # BORDER-BOT
TOM: #px 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: # BORDER-TOP: #555
555 3p BORDER-LEFT: # BORDER-BOTTO
M: #555555 3 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。如要在代码图框内加图片图框后使用，
所贴的日记正图比例要和图框的内框的宽一致。
发表评论：
TA的推荐TA的最新馆藏[转]&[转]&[转]&[转]&[转]&[转]&[转]&您的举报已经提交成功，我们将尽快处理，谢谢！
腾讯公司把QQ空间，高级《HTML》编辑显示中的数据，在九月十日改进中给误删除掉，所以《HTML》代码编辑的音画，边框不能再显示。腾讯公司新一代真他妈的造粪，我...
好像只有wps可以吧，word中可以单击工具--字数统计--单击左下角的显示工具栏，可以将字数统计工具栏显示为浮动工具栏，输入字符之后可以随时进行统计，单击即可...
D.标尺.可以进行操作.
选择每一页的边框区域，右键菜单中选单元格格式，选择边框，选择好边框类型后，点击外边框。
字体应该可以，字体下载了所有要用字体的软件都可以用，边框什么的……我PS不好，也不会玩会声会影。
大家还关注