博客学堂
首页>>博客代码>>新浪博客代码>> 漂亮的文章边框背景之特效代码

漂亮的文章边框背景之特效代码

来源:博客学堂  | 添加时间:2007-8-11 11:36:48 | 我要投稿 | 提问

漂亮的啊,你一定喜欢的哦,呵呵!

效果如下:

漂亮的文章边框效果图

代码如下:

<TABLE style="WIDTH: 500px; HEIGHT: 380px" height=418 cellSpacing=3 width=500 background=http://www.blog286.com/upfile/img/070811/01.gif border=0>
<TBODY>
<TR>
<TD width=500 colSpan=3 height=50></TD></TR>
<TR>
<TD width=500 height=250 rowSpan=3> </TD>
<TD width=300 height=150>
<DIV align=left>
<DIV style="OVERFLOW-Y: scroll; SCROLLBAR-FACE-COLOR: #ff66bb; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; WIDTH: 140px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 222px" align=left>文字</DIV></DIV></TD></TR></TBODY></TABLE>
<DIV></DIV>

效果2:

漂亮的文章边框效果图

代码如下:

<TABLE style="WIDTH: 500px; HEIGHT: 380px" height=418 cellSpacing=3 width=500 background=http://www.blog286.com/upfile/img/070811/02.gif border=0>
<TBODY>
<TR>
<TD width=500 colSpan=3 height=50></TD></TR>
<TR>
<TD width=500 height=250 rowSpan=3> </TD>
<TD width=300 height=150>
<DIV align=left>
<DIV style="OVERFLOW-Y: scroll; SCROLLBAR-FACE-COLOR: #ff77aa; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; WIDTH: 140px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 222px" align=left>写文字</DIV></DIV></TD></TR></TBODY></TABLE>
<DIV></DIV>

效果3:

漂亮的文章边框效果图

代码如下:

<TABLE style="WIDTH: 500px; HEIGHT: 380px" height=418 cellSpacing=3 width=500 background=http://www.blog286.com/upfile/img/070811/03.gif border=0>
<TBODY>
<TR>
<TD width=500 colSpan=3 height=50></TD></TR>
<TR>
<TD width=500 height=250 rowSpan=3> </TD>
<TD width=300 height=150>
<DIV align=left>
<DIV style="OVERFLOW-Y: scroll; SCROLLBAR-FACE-COLOR: #ff99aa; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; WIDTH: 140px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 222px" align=left>写文字</DIV></DIV></TD></TR></TBODY></TABLE>
<DIV></DIV>

代码说明:蓝色部分是图片地址。红色部分是写文字的地方,绿色部分是指图片的大小,你根据显示的效果再调整数值就可以了。呵呵!

添加方法:

这个当然是放在日志里面的了,呵呵!

登陆新浪博客-发表文章-勾选下面的显示源代码-粘贴你替换好图片和文字的代码-再次勾选显示源代码,在这种情况下可以编辑你文字的排版情况,大家可以根据自己的情况而定!

收藏和分享:
打印】【返回顶部】【关闭

我来说两句

用户名: 新注册) 密码: 匿名评论 [所有评论]
评论内容:不能超过250字,请留下您的联系方式,方便我们回复您的留言。

网站地图 - 关于我们 - 版权声明 - 广告服务 - 联系我们 - 诚聘英才 - 帮助中心
Copyright © 2007-2008 www.blog286.com all Right Reserved
博客学堂 版权所有