精美日志相框滚动边框代码大放送2010-12-05 21:36

转载自wenhuashoucang

最终编辑舂晖_666666

这是相框代码和相片的制做代码、有的还可以打上字哦》》》

代码

<center><img src="图片地址" style="border:25 outset #ff88ff"></center>

代码

<center> <img src="图片地址" style="border:25 groove green" border="0"></center>

代码

<center><img src="图片地址" style="border:25 inset #ff88ff"></center>

代码

<center> <img src="图片地址" style="border:25 ridge green" border="0"></center>

使图片朦胧效果的代码:

<IMG src="图片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">

代码

<TABLE style="WIDTH: 447px; HEIGHT: 363px" borderColor=#990099 height=363 width=447 align=center border=10>

<TBODY>

<TR>

<TD width=434><IMG height=330 src="../../admin/uploadpic/2005111714615342.jpg" width=418></TD></TR></TBODY></TABLE>

代码

<DIV style="position:relative; top:0px; left:0px; width:490px; height:370px;overflow: hidden">

<div style="position: absolute; top: 0px; left: 0px">

<img src="http://bbs.guqu.net/UploadFile/2004-11/20041130185928482.jpg" width=490 height=370><br></div>

<div style="position: absolute; top: 0px; left: 0px">

<table width="490" height="370" border="30" cellspacing="0" cellPadding="0" style="filter: Alpha(Opacity=43,Style=0)">

<tbody>

<tr>

<td width=100% align="center">

</td></tr></tbody></table></div></DIV>

代码

<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 490px; POSITION: relative; TOP: 0px; HEIGHT: 370px">

<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><IMG height=370 src="http://bbs.guqu.net/UploadFile/2004-11/20041130185928482.jpg" width=490><BR></DIV>

<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">

<TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=370 cellSpacing=0 cellPadding=0 width=490 border=20>

<TBODY>

<TR>

<TD align=middle width="100%">

<TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=310 cellSpacing=0 cellPadding=0 width=430 border=20>

<TBODY>

<TR>

<TD align=middle width="100%"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV>

代码

DIV align=center>

<TABLE borderColor=#00fa9a cellSpacing=2 cellPadding=1 align=center border=6>

<TBODY>

<TR>

<TD><IMG height=380 src="http://www.chinaphotocenter.com/ztyz/9jgj/yishufengguang/0525.jpg" width=500></TD></TR></TBODY></TABLE></DIV>

下面这些可以打上字的图片加边框代码

代码

<TABLE style="RIGHT: 20px; WIDTH: 720px; POSITION: relative; TOP: 20px" height=492 width=720 cellSpacing=15 cellPadding=20 background=http://bbs.rednet.cn/uploadfile/2007/09/14_112809.jpg border=0>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-RIGHT: #ff9900 6px outset; BORDER-TOP: #ff9900 6px outset; BORDER-LEFT: #ff9900 6px outset; BORDER-BOTTOM: #ff9900 6px outset" height=470 cellSpacing=0 width=700 border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

代码

<TABLE style="RIGHT: 30px; WIDTH: 720px; POSITION: relative; TOP: 20px" height=492 width=720 cellSpacing=15 cellPadding=20 background=http://bbs.rednet.cn/uploadfile/2007/09/14_112809.jpg border=0>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-RIGHT: #ff9900 6px inset; BORDER-TOP: #ff9900 6px inset; BORDER-LEFT: #ff9900 6px inset; BORDER-BOTTOM: #ff9900 6px inset" height=470 cellSpacing=0 width=700 border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

代码

<TABLE style="RIGHT: 30px; WIDTH: 720px; POSITION: relative; TOP: 20px" height=492 cellSpacing=15 cellPadding=20 background=http://bbs.rednet.cn/uploadfile/2007/09/14_112809.jpg border=0>

<TBODY>

<TR>

<TD>

<TABLE style="BORDER-RIGHT: #ff9900 6px double; BORDER-TOP: #ff9900 6px double; BORDER-LEFT: #ff9900 6px double; BORDER-BOTTOM: #ff9900 6px double" height=492 cellSpacing=0 width=720 border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

代码

<TABLE id=table1 style="; LEFT: 0px; WIDTH: 350px; POSITION: relative; TOP: 10px" cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD vAlign=top>

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD style="PADDING-TOP: 15px" vAlign=top>

<CENTER>

<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#BE0E0E,direction:145,strength:15)" cellSpacing=3 cellPadding=20 border=2>——只是这里换了颜色代码，边框就变成红色了。

<TBODY>

<TR>

<TD>

<P align=center>

<TABLE height=109 cellSpacing=10 cellPadding=10 width=256 background=http://bbs.yue.cc/UploadFile/2005-10/2005101911305452901.gif>

<TBODY>

<TR>

<TD width=256></TD></TR><BR></TR></TBODY></TABLE>

<CENTER></CENTER></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE

滚动边框代码

在这个边框里写上你的日志//嘻嘻！

<center><table background=http://image18.360doc.com/DownloadImg/2010/12/0621/7419258_4><tr><td> <div style="overflow: auto; width: 500; height: 300; background-image: url(http://hiphotos.baidu.com/qwertyaaa/pic/item/93e1aede199cda5f94ee37ab.jpg); background-color: #ffffff; background-repeat: repeat; background-attachment: scroll; border: 5px dotted #FFFF00; padding-left: 100px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; background-position: 0% 50%"> <p align=left> 文字<br><br>文字<br><br>文字<br><br>文字<br><br>文字<br><br> 文字<br><br>文字<br><br>文字<br><br>文字<br><br>文字<br><br> </div> </td></tr></table> </center>

滚动边框代码

在这个边框里写上你的日志//嘻嘻！酷酷爱你

<center><table background=http://image18.360doc.com/DownloadImg/2010/12/0621/7419258_6><tr><td> <div style="overflow: auto; width: 500; height: 300; background-image: url(http://hiphotos.baidu.com/qwertyaaa/pic/item/4a76faef6608cb1dfdfa3cab.jpg); background-color: #ffffff; background-repeat: repeat; background-attachment: scroll; border: 5px dotted #FFFF00; padding-left: 100px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; background-position: 0% 50%"> <p align=left> 文字<br><br>文字<br><br>文字<br><br>文字<br><br>文字<br><br> 文字<br><br>文字<br><br>文字<br><br>文字<br><br>文字<br><br> </div> </td></tr></table> </center>

这个滚动边框代码

在这个边框里写上你的日志//嘻嘻！

<center><table background=http://image18.360doc.com/DownloadImg/2010/12/0621/7419258_8><tr><td> <div style="overflow: auto; width: 500; height: 300; background-image: url(http://hiphotos.baidu.com/qwertyaaa/pic/item/8fa9b6c412e88aa38326ac0d.jpg); background-color: #ffffff; background-repeat: repeat; background-attachment: scroll; border: 5px dotted #3333FF; padding-left: 100px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; background-position: 0% 50%"> <p align=left> 文字<br><br>文字<br><br>文字<br><br>文字<br><br>文字<br><br> 文字<br><br>文字<br><br>文字<br><br>文字<br><br>文字<br><br> </div> </td></tr></table> </center>

彩色字代码欢迎使用

代码：

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>月之故乡</B></FONT> <BR><BR></CENTER>

代码：

<DIV style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: #FFCC00; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎您</B></DIV>

代码：

<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=green); WIDTH: 72%; COLOR: white; LINE-HEIGHT: 150%;

FONT-FAMILY: 华文彩云"><B>欢迎您的到来</B></FONT>

代码：

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>我爱你 </B></FONT> <BR><BR></CENTER>

代码：

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>酷酷爱你</B></FONT></CENTER></DIV>

代码：

<P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: green; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">HTML标签！</FONT></P>

代码：

<DIV style="FILTER: shadow(color=#c299ff, strength=40); WIDTH: 480px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>山水天下欢迎你</FONT></DIV>

代码：

<P align=center><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>一声问候...</B></FONT></P>

代码：

<DIV style="FONT-SIZE: 52pt; FILTER: glow(color=ffff00, strength=5); WIDTH: 350px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative">山水天下</DIV>

代码：

<P><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>山水天下欢迎你</B></FONT></CENTER></P>

代码：

</B><BR></B><FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" size=6>华文行楷！</FONT>

<DIV></DIV><BR><BR></DIV>

代码：

<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>常用字体</B></FONT>

代码：

<P><FONT style="FONT-SIZE: 35pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312">躲藏在感情的背后 </FONT></P>

代码：

<P align=center><FONT style="FONT-SIZE: 45pt; FILTER: shadow(color=#6495ED,strength=15); WIDTH: 100%; COLOR: #00ffff; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">爱在深秋</FONT></P>

代码：

<P><FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #00ccff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>山水天下</B></FONT></P>

代码：

<P><FONT style="FONT-SIZE: 60pt; FILTER: shadow(color=lime#b0c4de); WIDTH: 100%; COLOR: green; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>想念绿色的春天</B> </FONT></P>

代码：<P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=333366

); WIDTH: 631px; COLOR: #3333ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新宋; HEIGHT: 51px"></P>

代码：

<P align=center>日出江花红胜火&nbsp; 春来江水绿如蓝</P></FONT>

<P align=center>&nbsp;</P>

代码：

<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#000099>月之故乡 月之故乡</FONT></CAPTION> <BR></CAPTION></P>

梅子欢迎你