<TABLE style="WIDTH: 798px"
border=0 cellSpacing=0 cellPadding=0 bgColor=颜色
align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(头图地址 );
WIDTH: 798px; HEIGHT: 202px" border=0 cellSpacing=0 cellPadding=0
align=center>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<TABLE style="WIDTH: 92%" border=0 cellSpacing=30
cellPadding=0 align=center>
<TBODY>
<TR>
<TD style="WORD-BREAK:
break-all">正文<div style="border: 1px dashed #ffffff;background-color:#FFFFE0">文字内容</div>
其中border后面的数字是指边框的粗细，dashed指边框样式，#000000为边框颜色，background-color指边框内的背景颜色。不过建议大家不要用background-color属性，省略掉和博客背景的颜色更好配合。以下是四种不同的边框样式：
同样可以把个人档案里的东西全部放在这个边框里.只要把个人档案里的代码替换下边的文字内容这就可以了.
文字内容
实线 <div
style="border:1px solid
#f990033;">文字内容</div>
文字内容
外凸 <div
style="border-style:outset;
border-width:1px;">文字内容</div>
(我个人档案用的就是这个)
文字内容
双线 <div
style="border:3px double
#990033;">文字内容</div>
文字内容
虚线 <div
style="border:1px dashed
#990033;">文字内容</div>
<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 border="0" cellspacing="0" cellpadding="5" width=400>
<TR>
<TD width="10" height="10" style="border-bottom:1px dotted #ff99cc;border-right:1px
dotted #ff99cc;font-size:1pt"> </TD>
<TD height="10" style="border-bottom:1px dotted #ff99cc;font-size:1pt"> </TD>
<TD width="10" height="10" style="border-bottom:1px dotted #ff99cc;border-left:1px
dotted #ff99cc;font-size:1pt"> </TD>
</TR>
<TR>
<TD width="10" style="border-right:1px dotted #ff99cc;font-size:1pt"> </TD>
<TD width="120" bgcolor="#ffffff" style="font-size:8pt;color:#999999;">
<p align="center"><BR>
<font size="2" color="#000000">输入文字</font><BR>
<BR>
</TD>
<TD width="10" style="border-left:1px dotted #ff99cc;font-size:1pt"> </TD>
</TR>
<TR>
<TD width="10" height="10" style="border-top:1px dotted #ff99cc;border-right:1px
dotted #ff99cc;font-size:1pt"> </TD>
<TD height="10" style="border-top:1px dotted #ff99cc;font-size:1pt"> </TD>
<TD width="10" height="10" style="border-top:1px dotted #ff99cc;border-left:1px
dotted #ff99cc;font-size:1pt"> </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 cellspacing="1" bgcolor="hotpink" cellpadding="3"
style="font-size:8pt;">
<TBODY>
<TR>
<TD bgcolor=#ff99cc align=center> <TABLE cellspacing="1"
bgcolor="hotpink" cellpadding="5" >
<TBODY>
<TR>
<TD width="400" align="center" bgcolor="#ffffff">
输入文字</TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE> |
|
<table style="border:2px dotted royalblue;" cellpadding="4" cellspacing="4">
<tr><td style="border:2px dotted lightblue;">
<font size="2">在这里输入文字</td></tr></table> |
|
<table style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4">
<tr><td style="border:2px dotted deepskyblue;">
<font size="2">在这里输入文字</font></td></tr>
</table>
|
<table style="BORDER-RIGHT: plum 1px solid;
BORDER-TOP: plum 1px solid; BORDER-LEFT:
plum 1px solid; BORDER-BOTTOM:plum 1px solid"
height="100" cellPadding="5"
width="100" bgColor="#eee0e5"><tr>
<td style="BORDER-RIGHT: orchid 4px dotted;
BORDER-TOP: orchid 4px dotted;
BORDER-LEFT: orchid 4px dotted;BORDER-BOTTOM:
orchid 4px dotted" bgColor="white">
<font size="2">在这里输入内容</font>
</td></tr></table> |
|
<table style="BORDER-RIGHT:
lightblue 1px dashed; BORDER-TOP:
lightblue 1px dashed;
BORDER-LEFT: lightblue 1px dashed;
BORDER-BOTTOM: lightblue 1px dashed"
cellSpacing="5" cellPadding="3"
bgColor="lightblue">
<tr><td style="BORDER-RIGHT: lightcyan
1px dashed; BORDER-TOP: lightcyan 1px
dashed;
BORDER-LEFT: lightcyan 1px dashed;
BORDER-BOTTOM: lightcyan 1px dashed"
bgColor="lightcyan">
<table><tr>
<td style="PADDING-RIGHT: 6px;
PADDING-LEFT: 6px; PADDING-BOTTOM: 6px;
PADDING-TOP: 6px" bgColor="white">
<font size="2">在这里输入文字
</font></td></tr>
</table>
</td>
</tr></table>
|
|
<table style="BORDER-RIGHT:
lightblue
1px dashed; BORDER-TOP: lightblue
1px dashed;
BORDER-LEFT: lightblue 1px dashed;
BORDER-BOTTOM: lightblue 1px dashed"
cellSpacing="3" cellPadding="4"
bgColor="lightblue"><tr>
<td style="BORDER-RIGHT: white
1px dashed; BORDER-TOP: white 1px dashed;
BORDER-LEFT: white 1px dashed;
BORDER-BOTTOM: white 1px dashed">
<font size="2">在此输入内容
</font></td>
</tr></table> |
| 标题 |
<table style="BORDER-RIGHT:
lightblue 1px solid; BORDER-TOP:
lightblue 1px solid; BORDER-LEFT:
lightblue 1px
solid; BORDER-BOTTOM: lightblue 1px
solid" cellSpacing="5" cellPadding="4">
<tr><td style="BORDER-RIGHT: lightblue
1px dashed; BORDER-TOP: lightblue 1px
dashed; BORDER-LEFT: lightblue 1px
dashed; BORDER-BOTTOM: lightblue 1px
dashed" bgColor="lightblue"><font size="2">
标题</font></td></tr><tr>
<td><font size="2">在这里输入内容</font>
</td></tr></table> |
＊ 标题 ＊
<table><tbody><tr>
<td>
<div style="border:1px
solid #666;
background:#add8e6;
font-size:13px;
color:#666">
<div style="
border-bottom:1px
solid
#fff;padding:3px" align="center">
＊ 标题 ＊
</div><div style="
border-top:1px
dashed #999;background:#fff;
padding:10px" align="left">
在这里输入文字
</div></div>
</td></tr></tbody>
</table>
|
|
<TABLE border="0" cellpadding="0"
cellspacing="0" width="120"
height="50" bgcolor="#ffd9e6"
align=center>
<TR><TD><TABLE border="0"
cellpadding="5" cellspacing="0"
width="100%"
height="100%" style="
border:dotted 4px hotpink;">
<TR><TD bgcolor="white">
<font size="2">在这里输入文字
</font></TD></TR>
</TABLE>
</TD></TR>
</TABLE>
|
|
| 在这里输入文字 |
| 在这里输入文字 |
| 在这里输入文字 |
| 在这里输入文字 |
|
|
<TABLE border="0" style="border:
solid 1px hotpink;" bgcolor="white">
<TR><TD>
<TABLE border="0" style="border:
dotted 1px pink;">
<TR><TD align="center">
<TABLE border="0" cellpadding="3"
cellspacing="3" width="100%">
<TR><TD style="border-bottom:dotted
1px pink;"><font size="2">
在这里输入文字</font></TD></TR>
<TR><TD style="border-bottom:dotted
1px pink;"><font size="2">
在这里输入文字</font></TD></TR>
<TR><TD style="border-bottom:dotted
1px pink;"><font size="2">
在这里输入文字</font></TD></TR>
<TR><TD style="border-bottom:dotted
1px pink;"><font size="2">
在这里输入文字</font></TD></TR>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE>
|
一、实线边框
代码：
<TABLE id=table1 style="BORDER-RIGHT: #b99b25 6px solid; BORDER-TOP: #b99b25 6px solid; BORDER-LEFT: #b99b25 6px solid; WIDTH: 690px; BORDER-BOTTOM: #b99b25 6px solid; HEIGHT: 142px" borderColor=#339933 height=142 cellSpacing=0 cellPadding=0 width=690 align=center bgColor=#1c355b><TBODY><TR><TD></TD></TR></TBODY></TABLE>
|
|
二、菱型虚线边框
代码：
<TABLE id=table1 style="BORDER-RIGHT: #b99b25 6px dotted; BORDER-TOP: #b99b25 6px dotted; BORDER-LEFT: #b99b25 6px dotted; WIDTH: 690px; BORDER-BOTTOM: #b99b25 6px dotted; HEIGHT: 142px" borderColor=#339933 height=142 cellSpacing=0 cellPadding=0 width=690 align=center bgColor=#1c355b><TBODY><TR><TD></TD></TR></TBODY></TABLE>
|
|
三、长方型虚线边框
代码：
<TABLE id=table1 style="BORDER-RIGHT: #b99b25 6px dashed; BORDER-TOP: #b99b25 6px dashed; BORDER-LEFT: #b99b25 6px dashed; WIDTH: 690px; BORDER-BOTTOM: #b99b25 6px dashed; HEIGHT: 142px" borderColor=#339933 height=142 cellSpacing=0 cellPadding=0 width=690 align=center bgColor=#1c355b><TBODY><TR><TD></TD></TR></TBODY></TABLE>
|
|
四、双线边框
代码：
<TABLE id=table1 style="BORDER-RIGHT: #b99b25 6px double; BORDER-TOP: #b99b25 6px double; BORDER-LEFT: #b99b25 6px double; WIDTH: 690px; BORDER-BOTTOM: #b99b25 6px double; HEIGHT: 142px" borderColor=#339933 height=142 cellSpacing=0 cellPadding=0 width=690 align=center bgColor=#1c355b><TBODY><TR><TD></TD></TR></TBODY></TABLE>
|
|
五、凹线边框
代码：
<TABLE id=table1 style="BORDER-RIGHT: #b99b25 6px groove; BORDER-TOP: #b99b25 6px groove; BORDER-LEFT: #b99b25 6px groove; WIDTH: 690px; BORDER-BOTTOM: #b99b25 6px groove; HEIGHT: 142px" borderColor=#339933 height=142 cellSpacing=0 cellPadding=0 width=690 align=center bgColor=#1c355b><TBODY><TR><TD></TD></TR></TBODY></TABLE>
|
|
六、凸线边框
代码：
<TABLE id=table1 style="BORDER-RIGHT: #b99b25 6px ridge; BORDER-TOP: #b99b25 6px ridge; BORDER-LEFT: #b99b25 6px ridge; WIDTH: 690px; BORDER-BOTTOM: #b99b25 6px ridge; HEIGHT: 222px" borderColor=#339933 height=222 cellSpacing=0 cellPadding=0 width=690 align=center bgColor=#1c355b><TBODY><TR><TD></TD></TR></TBODY></TABLE>
|
|
七、嵌入边框
代码：
<TABLE id=table1 style="BORDER-RIGHT: #b99b25 6px inset; BORDER-TOP: #b99b25 6px inset; BORDER-LEFT: #b99b25 6px inset; WIDTH: 690px; BORDER-BOTTOM: #b99b25 6px inset; HEIGHT: 222px" borderColor=#339933 height=222 cellSpacing=0 cellPadding=0 width=690 align=center bgColor=#1c355b><TBODY><TR><TD></TD></TR></TBODY></TABLE>
|
|
八、开端边框
代码：
<TABLE id=table1 style="BORDER-RIGHT: #b99b25 6px outset; BORDER-TOP: #b99b25 6px outset; BORDER-LEFT: #b99b25 6px outset; WIDTH: 690px; BORDER-BOTTOM: #b99b25 6px outset; HEIGHT: 222px" borderColor=#339933 height=222 cellSpacing=0 cellPadding=0 width=690 align=center bgColor=#1c355b><TBODY><TR><TD></TD></TR></TBODY></TABLE>
|
|
九、菱形与凸线边框组合及边框说明
1、组合边框代码
<TABLE style="BORDER-RIGHT: #800000 4px dotted; BORDER-TOP: #800000 4px dotted; BORDER-LEFT: #800000 4px dotted; WIDTH: 661px; BORDER-BOTTOM: #800000 4px dotted; HEIGHT: 64px" cellSpacing=0 cellPadding=0 bgColor=#000000>
<TBODY><TR><TD>
<TABLE style="BORDER-RIGHT: #800000 6px ridge; BORDER-TOP: #800000 6px ridge; BORDER-LEFT: #800000 6px ridge; WIDTH: 750px; BORDER-BOTTOM: #800000 6px ridge; HEIGHT: 39px" cellSpacing=20 cellPadding=0 align=center bgColor=#cccc99>
<TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
2、边框说明
BORDER-LEFT：左边框
BORDER-RIGHT：右边框
BORDER-TOP：上边框
BORDER-BOTTOM：下边框
width="400" 表格宽度
height="400" 表格高度
cellspacing="0" 单元格间距（多行多列）
cellpadding="0" 单元格衬距（多行多列）
bordercolor="#FF0000" 边框颜色代码（删除此代码表示边框自动选择）
bgcolor="#FFFFFF" 表格背景颜色代码（删除此代码表示背景自动选择）
style="border: 6px solid #FF0000" 前面为边框厚度，后为颜色
|
|
| 代码大全 |
| 添加文字 |
添加文字 |
| 添加文字 |
添加文字 |
| 添加文字 |
添加文字 |
<TABLE align=center border=1>
加载中…