注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

走近太平洋

感悟生命真谛

 
 
 

日志

 
 

【引用】引用 自制边框(代码)  

2011-09-26 22:22:16|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 


 

怎样改变外边框线条的粗细

 

一、这是一段边框代码及效果:

<TABLE borderColor=#ff0000 cellSpacing=1 cellPadding=1 width=700 bgColor=#60ffff border=2>
<TBODY>
<TR>
<TD width="57%">文字输入处</TD>
<TD width="18%">文字输入处</TD>
<TD width="25%">文字输入处</TD></TR></TBODY></TABLE>

文字输入处 文字输入处 文字输入处

二、怎样改变外边框线条的粗细? 方法是:在上面代码中将红色代码等号后的边框线条值改变,边框线条的粗细就变化了,数字改小就变细,数字改大就变粗,例如:border=1 ; border=4 ; border=6 ; border=8;............................................

三、下面是border=5的效果:

如:

文字输入处 文字输入处 文字输入处

 

果子曼欢迎您

欢迎光临博客乐园
 
让志趣的纽带将我们系在一起
让情感的音符谱出和谐的乐曲
让博客的眼睛投以温馨的目光
让切磋的平台结出丰硕的果儿
 

 

边框代码:

<TABLE style="WIDTH: 860px; HEIGHT: 301px" cellSpacing=50 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD width=860>
<TABLE cellSpacing=15 cellPadding=0 width=680 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=680>
<TABLE cellSpacing=10 cellPadding=0 width=660 background=图片地址border=0>
<TBODY>
<TR>
<TD width=660>
<TABLE cellSpacing=10 cellPadding=0 width=640 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=640>

如:

祝朋友们新年快乐

边框制作:果子曼

 

 

 

 

 

欢迎光临

给你的图片加上简单的边框

下面是代码:

    1、简单线框

  <img src="图片地址" style="border:5 solid #ffCCCC">

  2、双线框

  <img src="图片地址" style=" border:7 double #666FF">

  3、虚线框

  <img src="图片地址" style=" border:3 dashed #990000">

  4、凸出框:

  <img src="图片地址" style="border:10 outset #CCCCFF">

  5、嵌入框:

  <img src="图片地址" style="border:15 inset #ff9900">

  6、脊状框:

  <img src="图片地址" style="border:15 ridge #33FF66">

  7、凹槽框

  <img src="图片地址" style="border:15  groove #CC6666">

  8、粒状阴影框

  <img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30">

   看看凹槽框效果; 自制边框(代码) - 果子曼 - 果子曼的荷花池

文字音画边框代码:

<TABLE cellSpacing=10 cellPadding=10 width=700

background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_21776/bkgrd12_design_NnAViMFMault.jpg>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE borderColor=#ff8080 cellSpacing=10 cellPadding=10 width="100%"

background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_21776/bkgrd12_border1_p4iWpmdEq57q.jpg

 border=10>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE borderColor=#ff8080 cellSpacing=10 cellPadding=10 width="100%"

 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_21776/

bkgrd12_design_NnAViMFMault.jpg border=10>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE borderColor=#ff8080 cellSpacing=10 cellPadding=10 width="100%"

 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_21776/

bkgrd106_KSexCYnCcX7u.jpg border=10>
<TBODY>
<TR>
<TD>
<DIV align=center>

这里是加入文字、添加图片代码和添加动画代码的地方

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

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></P>

看看效果:
这里是加入文字、添加图片代码和添加动画代码的地方

多张图片串联式放映代码

一、多张图片串联式向左放映代码:

<MARQUEE><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE> 

二、多张图片串联式向右放映代码:

<MARQUEE direction=right><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE> 

三、多张图片串联式向上放映代码:

<MARQUEE direction=up><IMG src="图片地址"><br><IMG src="图片地址"><br><IMG src="图片地址"><br><IMG src="图片地址"><br><IMG src="图片地址"></MARQUEE> 

四、多张图片串联式向下放映代码

<MARQUEE direction=down><IMG src="图片地址"><br><IMG src="图片地址"><br><IMG src="图片地址"><br><IMG src="图片地址"><br><IMG src="图片地址"></MARQUEE> 

五、多张图片串联式来回放映代码:

<MARQUEE behavior=alternate><IMG src="图片地址"> <IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE> 

拉幕式欢迎栏代码

代码:(说明:红色代码是图片地址,可以换成自己的,文字可以更换。)

<TABLE cellSpacing=0 cellPadding=0 width=480 align=center background=http://news.cyol.com/images/2007-09/26/xin_09090426092241340873.jpg border=0>

<TBODY>

<TR>

<TD>

<TABLE cellSpacing=0 cellPadding=0 align=center border=0>

<TBODY>

<TR>

<TD>

<MARQUEE scrollAmount=1 direction=right behavior=slide width=240 height=360>

<MARQUEE scrollAmount=1 width=240 height=360>

<DIV align=center>

<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=red, endColorstr=blue)" height=360 cellSpacing=0 cellPadding=0 width=240 align=center border=0>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#FF00FF)">

<DIV style="FILTER: glow(color=EE0000 strength=20); WIDTH: 100%; COLOR: #ee0000">

<DIV style="FILTER: shadow(color=#EE7AE9, strength=30); WIDTH: 100%; COLOR: #ee7ae9">

<P align=left><A href="http://blog.163.com/gsd_432427/" target=_blank><FONT style="FONT-SIZE: 30pt; FONT-FAMILY: 方正水柱简体" color=#00ff00><BR><BR><B><B>果子曼欢迎您</B></B></FONT> </A></P></DIV></DIV></TD></TR></TBODY></TABLE></DIV></MARQUEE></MARQUEE>

<MARQUEE scrollAmount=1 behavior=slide width=240 height=360>

<MARQUEE scrollAmount=1 direction=right width=240 height=360>

<DIV align=center>

<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=blue, endColorstr=red)" height=360 cellSpacing=0 cellPadding=0 width=240 align=center border=0>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#ff00ff)">

<DIV style="FILTER: glow(color=EE0000 strength=20); WIDTH: 100%; COLOR: #ee0000">

<DIV style="FILTER: shadow(color=#EE7AE9, strength=30); WIDTH: 100%; COLOR: #ee7ae9">

<P align=right><A href="http://blog.163.com/gsd_432427/" target=_blank><FONT style="FONT-SIZE: 30pt; FONT-FAMILY: 方正水柱简体" color=#00ff00><BR><BR><B>欢迎您光临</B></B></FONT> </A></P></DIV></DIV></TD></TR></TBODY></TABLE></DIV></MARQUEE></MARQUEE>

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

看看效果:

  评论这张
 
阅读(142)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017