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

.

.

 
 
 

日志

 
 

制作精美边框代码   

2008-06-05 12:23:11|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

我们在很多人的博客中看到,他们的日志不仅有美丽的背景图片,而且有精美的边框,如果实现这个目的,实际就是表格的制作效果,具体代码如下:

        第一步:写日志,在书写日志状态下,点击右上角的全部功能,将所有日志的编辑功能展开。

 

 

        第二步:选择最后一个按钮“<>”,日志进入html源代码编辑状态。

 

        第三步:粘贴如下代码

<TABLE width="100%" align=center valign="Top" border="1"

cellPadding="2" cellSpacing="2"  background="帖子背景图"   

bgcolor="#0000FF"  bodercolordark="00ffff"

bodercolorligh="#00ff00" borderColor=#ffff00  cols="2" >

<TBODY>

<TR>

<TD>帖子文字、图片等内容 </TD>

</TR>

</TBODY>

</TABLE>

注解 :

        <TABLE>表示表格的意思; <TBODY>表示表格内容部分;

        <TR>表示行;                       <TD>表示列;

        width="400" :表格宽度,接受绝对值及相对值。

        align="CENTER" :表格的摆放位置,可选值为: left, right, center

   valign="TOP":表格内容的对齐方式,可选值为: top, middle, bottom。   

         border="1" :表格边框的厚度,不同浏览器有不同的内定值。

   cellspacing="2" :表格格线的厚度

         background="背景图片" :表格的背景图片,与 bgcolor 不要同用。

   bgcolor="#0000FF" :表格的底色,与 background 不要同用

   bordercolor="#CF0000" :表格边框颜色

   bordercolorlight="#00FF00" :表格边框向光部分的颜色

   bordercolordark="#00FFFF" :表格边框背光部分的颜色,使用

                        bordercolorlight或 bordercolordark 时 bordercolor 将会失效。

  cols="2" :表格栏位数目,只是让浏览器在下载表格时先画出整个表格而已.

 

 

       第四步:在<TD>日志内容</TD>中间,日志内容部分可在嵌套前边的代码,这样就会形成一层一层的边框。

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

历史上的今天

评论

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

页脚

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