前些日子跑跑有发过一次边框的代码了
今天又试验出几个边框的代码是bt上支持的
不过好象比较适合女孩子用呵呵
大家就看看吧
应该对装饰日志美化博客都很有用
一． 虚线
|
<TABLE width="400" style="border-style:solid; border-color:#ff99cc; border-width:1px;">
<TR><TD align="center" style="border-style:dashed; border-color:#ff99cc;
border-width:1px;">输入文字</TD></TR></TABLE>
|
二．圆点
|
<TABLE width="400" style="border-color:#ff99cc; border-width:4px;
border-style:dotted;"><TR><TD align="center">输入文字</TD></TR></TABLE>
|
三．方点
|
<TABLE width="400" style="border-color:#ff99cc; border-width:2px;
border-style:dotted;"><TR><TD align="center">输入文字</TD></TR></TABLE>
|
四．双层
|
<TABLE width="400" style="border-color:#ff99cc; border-width:4px; border-style:double;">
<TR><TD align="center">输入文字</TD></TR></TABLE>
|
五．方长点
|
<TABLE width="400" style="border-color:#ff99cc; border-width:4px;
border-style:dashed;"><TR><TD align="center">输入文字</TD></TR></TABLE>
|
六．虚线带背景
|
<TABLE width="400" bgcolor="#ff99cc">
<TR><TD align="center" style="border-style:dashed; border-color:#ffffff;
border-width:1px;">输入文字</TD></TR></TABLE>
|
七．内框圆点带背景
|
<TABLE width="400" bgcolor="#ff99cc">
<TR><TD align="center" style="border-style:dotted;
border-color:#ffffff; border-width:4px;">输入文字</TD></TR></TABLE>
|
八．外框圆点带背景
|
<TABLE width="400" bgcolor="#ff99cc" style="border-style:dotted;
border-color:#ff99cc; border-width:4px;">
<TR><TD align="center">输入文字</TD></TR></TABLE>
|
九．邮票边框
<TABLE border="0" cellpadding="10"
cellspacing="0" bgcolor="#ff99cc"
style="border:dashed 3px #ff99cc;">
<TBODY><TR><TD width="400" >
<div align="center">输入文字</div></TD>
</TR></TBODY>
</TABLE>
|
十．中空围边带背景
|
<table bgcolor="lightblue" cellspacing="5"
cellpadding="5"><tr>
<td style="border:3px solid white;">
在这里输入内容
</td></tr></table>
|
说明：
1.Border-left-style:solid (double, groove, ridge, inset, outset)边框样式
2.border-width:框的高度pt
3.border-color:颜色
4.Border-left-color: #xxxxxx边框颜色
颜色的代码回头补上
5.Border-left-width: 数字pt 边框粗细
之后我还会发其他样子的
如果有问题再问我喽
