http://blog.sina.com.cn/chenyanli[订阅]
字体大小: 正文
用代码制作简单的套装(2007-04-08 08:26:22)
 
 
 
           用代码制作简单的套装
 
 
    下面的这个套装边框都是用代码制作出来的,在以前的图片修饰效果中介绍了好多,这个就是将那些修饰组合到一起,可以制作出来各种不同样式的边框来,在边框里面写字,插入图片,插入动画等等,还可以加入一些CSS滤镜特效效果,比如文字移动,图片移动等等,可以将你的文章变得更加夺人眼球,增加美感。这个是非常简单的一种套装,以后还将介绍由各种好看的图片组成的边框。
 

学习套装

 

 

代码如下:

<TABLE cellSpacing=45 borderColorDark=#3d452c cellPadding=0 width="100%" align=center borderColorLight=#879964 border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE style="BORDER-RIGHT: #ff0000 7px dotted; BORDER-TOP: #ff0000 7px dotted; BORDER-LEFT: #ff0000 7px dotted; BORDER-BOTTOM: #ff0000 7px dotted" cellSpacing=20 cellPadding=0 width="100%" bgColor=#000000>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff0000 6px ridge; BORDER-TOP: #ff0000 6px ridge; BORDER-LEFT: #ff0000 6px ridge; BORDER-BOTTOM: #ff0000 6px ridge" cellSpacing=10 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff0000 8px dotted; BORDER-TOP: #ff0000 8px dotted; BORDER-LEFT: #ff0000 8px dotted; BORDER-BOTTOM: #ff0000 8px dotted" cellSpacing=7 cellPadding=0 width="100%" bgColor=#000000>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff0000 6px ridge; BORDER-TOP: #ff0000 6px ridge; BORDER-LEFT: #ff0000 6px ridge; BORDER-BOTTOM: #ff0000 6px ridge" height=200 cellSpacing=10 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)">
<P><FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">
<MARQUEE scrollAmount=3 behavior=alternate width="80%">学习套装</MARQUEE></FONT></P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

 

 

加载中,请稍候...
  • 评论加载中,请稍候...

验证码:请点击后输入验证码  收听验证码

发评论

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

相关博文
读取中...
推荐博文
读取中...