给日志做边框（注意：这只是方法，边框宽度、颜色等自己选择）
1、外框主代码
<TABLE style="BORDER-RIGHT: #00ffff 10px ridge; BORDER-TOP: #00ffff 10px ridge; BORDER-LEFT: #00ffff 10px ridge; BORDER-BOTTOM: #00ffff 10px ridge; BACKGROUND-COLOR:#0aa297"cellSpacing=0>
<TBOD><TR><TD><TABLEborder=1><TBODY><TR><TD><TABLE border=1><TBODY><TR><TD><TABLE border=1><TBODY><TR><TD>
这里写文字，随着文字增多，边框自动延长。也可加背景
图片的代码
</TD></TR></TBODY></TABLE>
解析：①BORDER-RIGHT: #00ffff 10px ridge; BORDER-TOP: #00ffff 10px ridge; BORDER-LEFT: #00ffff 10px ridge; BORDER-BOTTOM: #00ffff为左右上下四个边框的颜色控制属性，
#00ffff是颜色代码，你自己可以代换；②BACKGROUND-COLOR: #0aa297为框内颜色属性；③cellSpacing=0为内外框距离，此处没有外框，设定为0；效果如下：
2、内框主代码
<TABLE border=1>
<TBODY>
<TR>
<TD>
解析：①border=1为边框宽度属性；②想要几个内框，就把内框代码复制几个到外框代码文字处，即把<TABLE border=1><TBODY><TR><TD>复制到外框代码<TD>与</TD>之间。③因为有了内框，所以不要忘记把外框代码中的
cellSpacing=0改为cellSpacing=1~3的数据
3、内外框组合
我以四个内框为例：
<TABLE style="BORDER-RIGHT: #00ff00 10px ridge;
BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT:
#00ff00 10px ridge; BORDER-BOTTOM: #00ff00
10px ridge; BACKGROUND-COLOR: #ccff00" cellSpacing=2>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
这里写文字，随文字增多，边框逐渐放大。可加入背景图
片代码等。
</TD></TR></TBODY></TABLE>
4、下面是七层框的例子：
这是个七层的公式，当然你可以做N层。
第一层：<table div align="center" border="0" cellpadding="0" cellspacing="15" width="540" background="图片地址">
<tr><td width="100%" align="center">
第二层：<table border="0" cellpadding="0" cellspacing="3" width="100%" background="图片地址">
<tr><td width="100%" align="center">
第三层：
<table border="0" cellpadding="0" cellspacing="20" width="100%" background="图片地址">
<tr><td width="100%" align="center">
第四层：
<table border="0" cellpadding="0" cellspacing="2" width="100%" background="图片地址">
<tr><td width="100%" align="center">
第五层：
<table border="0" cellpadding="0" cellspacing="5" width="100%" background="图片地址">
<tr><td width="100%" align="center">
第六层：
<table border="0" cellpadding="0" cellspacing="1" width="100%" background="图片地址">
<tr><td width="100%" align="center">
第七层：
<table border="0" cellpadding="0" cellspacing="0" width="100%" background="图片地址">
<tr><td width="100%" align="center">
仔细瞧：除了第一层有几个格式不一样，后面几个基本一样，就是数字不一样，由你自己定。只要自己高
兴，随便弄。 注意，还有background="图片地址">也是不一样。引号里面的网址就是你自
己想要的背景图片地址，要选择不同的背景图片才可以显示层次感 。
接下来，就要把自己喜欢的图片和文字加上，也很简单，图片的最简单格式。
<center> <IMG src="图片地址" width=500 height=400>
其中，要变化的就是图片的网址以及“宽500”、“高400”你不想要那么宽，你可以设定成450、
350。。。。。等。 文字，要先规定它的颜色、字体和大小，一般格式如下：
<CENTER><FONT color=green face=隶书 size=4>
看见里面，什么是颜色，什么是字体，什么是大小了吧，这也是随你喜好调整的
在它的下面加自己的文字就好了，行和行用“<br>”就好了。
再下来就是放自己喜欢的音乐，常用格式如下：
<EMBED src=音乐网址 hidden=true type=audio/mpeg AUTOSTART="1" loop="-1"> 这是一款
隐藏的自动播放的播放器
最后收尾。就是加上下面的就好了。
</DIV></TD></TR></TABLE></DIV></TD></TR></TABLE>
</DIV></TD></TR></TABLE></DIV></TD></TR></TABLE>
</DIV></TD></TR></TABLE></DIV></TD></TR></TABLE>
</DIV></TD></TR></TABLE>
有几层加几个： </DIV></TD></TR></TABLE>
其他问题：
（1）size字的大小
face=幼圆 设定一种字体 常用：宋体 黑体 楷体_GB2312 仿宋_GB2312 新宋体 幼圆 隶书
方正舒体 华文新魏 华文行楷 华文细黑 华文彩云 方正姚体
（2）水平方向（align），垂直方向（valign）
水平方向即左中右：
left（左对齐）
center（居中）
RIGHT（右对齐）
垂直方向即靠顶和靠底.
top（靠顶）、bottom（靠底）等。
（3）<BR> 换行标记一个<BR>令文字显示于下一行，二个<BR>留一空白行。
<p>文字编辑 段落标记 令文字之间留一空白行。
（ ） 括号内的语句，令文字之间留一空隔。（可单独使用）
<b> 令字体加粗</b>（双标签）
<u> 令文字加上底线</u>（双标签）
<CENTER> 居中 令字、画、表格等显示于中间</CENTER>（双标签）
|
这是一款CSS打造的水晶边框，里面的属性可以修改，
大小自己调整。你注意了吗？搜狐博客页面也是这个
水晶框
代码如下：
<table width="200" height="210" border="1"
align="center"
cellpadding="0" cellspacing="0" bordercolor
="#FFFFFF" >
<tr> <td height="27" bgcolor="#FF9999" style=" filter:
Blur(Add=true, Direction=180, Strength=20)
"></td> </tr> <tr> <td height="180" valign="top"> </td> </tr> </table> |
联系客服
