电影

登录 | 注册

个人信息栏

跑车妹妹O（∧＿∧）O
352165
.....
影币：4468
居住地：中国台湾
性别：女
星座： 双鱼座

快速通道

日志

各式样边框代码(三)
字体：大 中 小 发布于：2008-6-13 22:47:41 | 分类： ✿跑跑BLOG小教程✿
8

汗～今天赫然发现跑跑教程里面好象少了很多东西

我之前本来要写给新手用的东西居然全忘记了

而且好象教程的目录也越来越长了

分类好象也有点乱

看来我又要把博客大动工一次了哈哈

哎～有时候完美主义也不是一件好事

0f4434dd4b55a1d88c1029e3

一． 中空围边

<table border="1" bordercolor="royalblue" cellspacing="1" cellpadding="4"><tr><td>
在这里输入内容
</td></tr></table>

0f4434dd4b55a1d88c1029e3

二  深浅色围边 

<table style="border:1px solid royalblue;" cellpadding="4" cellspacing="4">
<tr><td style="border:1px solid lightblue;">
<font size="2">在这里输入内容</font></td></tr>
</table>

0f4434dd4b55a1d88c1029e3

三 幻彩围边

<table style="border:1px solid red;" cellpadding="4" cellspacing="4"><tr>
<td style="border:1px solid black;">
<font size="2">在这里输入内容</font><font size="1">
</td></tr></table>

0f4434dd4b55a1d88c1029e3

四． 点线深浅色

<table style="border:2px dotted royalblue;" cellpadding="4" cellspacing="4">
<tr><td style="border:2px dotted lightblue;">
<font size="2">在这里输入文字</td></tr></table>

0f4434dd4b55a1d88c1029e3

五．点线幻彩

<table style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4">
<tr><td style="border:2px dotted deepskyblue;">
<font size="2">在这里输入文字</font></td></tr>
</table>

0f4434dd4b55a1d88c1029e3

六．波浪形

<table style="border:1px dashed deepskyblue;" cellspacing="5"
bgcolor="deepskyblue" cellpadding="5"><tr><td style="border:1px dashed white;"
 bgcolor="white">
<font size="2">在这里输入文字</font>
</td></tr></table></td>
</tr>
</table>

0f4434dd4b55a1d88c1029e3

七． 粗线彩虹

<table cellpadding="4" cellspacing="0" style="border:double 5px plum;">
<tr><td style="border:double 5px lightblue;">
<font size="2">在这里输入文字 </font>
</td></tr></table>

 0f4434dd4b55a1d88c1029e3

八．细线彩虹

<table style="BORDER-RIGHT: dodgerblue 3px double;
BORDER-TOP: dodgerblue 3px double;
BORDER-LEFT: dodgerblue 3px double;BORDER-BOTTOM:
dodgerblue 3px double" cellSpacing="0"
cellPadding="0">
<tr><td>
<table style="BORDER-RIGHT: lightblue 3px double;
BORDER-TOP: lightblue 3px double;
 BORDER-LEFT: lightblue 3px double;
 BORDER-BOTTOM: lightblue 3px double" cellPadding="0">
<tr><td>
<table style="BORDER-RIGHT: dimgray 1px solid;
BORDER-TOP: dimgray 1px solid;
 BORDER-LEFT: dimgray 1px solid; BORDER-BOTTOM:
 dimgray 1px solid; BACKGROUND-COLOR: white"
cellPadding="7">
<tr><td><font size="2">在这里输入文字
</font></td>
</tr></table></td></tr>
</table></td>
</tr></table>

0f4434dd4b55a1d88c1029e3

九．幻彩背景色

<table style="BORDER-RIGHT: lightblue 3px double;
 BORDER-TOP: lightblue 3px double;
BORDER-LEFT: lightblue 3px double;
 BORDER-BOTTOM: lightblue 3px double" height="100"
cellPadding="2" width="150">
<tr><td style="BORDER-RIGHT: plum 3px double;
BORDER-TOP: plum 3px double; BORDER-LEFT:
plum 3px double; BORDER-BOTTOM: plum 3px double;
 BACKGROUND-COLOR: aliceblue">
<p align="center">在这里输入内容</td></tr></table>

0f4434dd4b55a1d88c1029e3

十．圆点围边型

<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>

0f4434dd4b55a1d88c1029e3

十一． 双层双色花边型

<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>

0f4434dd4b55a1d88c1029e3

 十二．虚线花边型

<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>

0f4434dd4b55a1d88c1029e3

十三． 双层带标题

标题
<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>

0f4434dd4b55a1d88c1029e3

十四．彩色标题

＊　　　标题　　　＊
<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>

0f4434dd4b55a1d88c1029e3

十五．彩色点线

<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>

0f4434dd4b55a1d88c1029e3

十六．分行

分行
分行
分行
分行

 

 代码：

<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>                                  

0f4434dd4b55a1d88c1029e3

说明：

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 边框粗细

之后还有其他的我再发喽

如果有问题再问我喽

教程 

教程 博客 跑跑 边框 代码 [时尚生活话题 时尚·休闲 ]
引用地址：http://blog.mdbchina.com/chinhua/post_1318123/©
收藏引用举报TOP
阅读(1336) | 评论(6)

评论刷新

↑
李木木 (羊习习) 2008-06-14 05:27:03

谢谢姐姐啊~~

┏☆━━━━ Ｉしovのyoｕ━━━━☆┓ ☆僦姠蓅暒汻個杺蒝☆怼沵説殸莪嬡伱 ☆ ┃*^o^*☆*^o^*☆*^o^*☆*^o^*☆*^o^*┃ ┗☆━━━━ Ｉしovのyoｕ━━━━☆┛
↑
李木木 (羊习习) 2008-06-14 05:27:09

┏☆━━━━ Ｉしovのyoｕ━━━━☆┓ ☆僦姠蓅暒汻個杺蒝☆怼沵説殸莪嬡伱 ☆ ┃*^o^*☆*^o^*☆*^o^*☆*^o^*☆*^o^*┃ ┗☆━━━━ Ｉしovのyoｕ━━━━☆┛
↑
samanna 2008-06-15 23:12:20

True fren r gifts not easily gained.It roots frm 1's heart &involve.Memories that stay forever!
↑
匿名 2008-07-28 11:40:57


↑
ymcayoyo 2008-09-12 21:47:43

借用了你這個的教程到我的日誌..


↑
匿名 2008-10-06 13:46:31

好i



TOP
报告错误 | 举报不良信息 | 帮助中心 | 社区富豪榜 | 影币兑换礼品 | 与我们联系 | 友情链接 
Copyright © 2005-2008 闽ICP备05014035号