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

XUE HAI BLOG

鸟瞰家乡 美丽独特 多骄如画 家乡明天更美好

 
 
 

日志

 
 

☆做桌面鏈接邊框用表格  

2009-02-18 12:42:41|  分类: 【表格制作大全】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

做桌面鏈接邊框用表格

效果图及代码如下

添 加 主 标 题

鏈接內容 鏈接內容 鏈接內容
鏈接內容 鏈接內容 鏈接內容
鏈接內容 鏈接內容 鏈接內容

多行多列表格代码<TABLE borderColor=#ffffff cellSpacing=2 cellPadding=2 width=650 bgColor=#000000 border=2>
<TBODY>
<TR>
<TD style="FILTER: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#383838,endcolorstr=#00EBF6)"><B><FONT color=#ffffff>添加主标题</FONT></B></TD></TR></TBODY></TABLE>
<P></P>
<TABLE cellSpacing=1 cellPadding=1 width="100%" align=center border=0>
<TBODY>
<TR>
<TD>
<P>
<TABLE borderColor=#ffffff cellSpacing=2 cellPadding=2 width=650 bgColor=#000000 border=2>
<TBODY>
<TR>
<TD style="FILTER: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#383838,endcolorstr=#ff0000)"><B><FONT color=#ffffff>鏈接內容</FONT></B></TD>
<TD style="FILTER: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#383838,endcolorstr=#00EBF6)"><B><FONT color=#ffffff>鏈接內容</FONT></B></TD>
<TD style="FILTER: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#383838,endcolorstr=#00EBF6)"><B><FONT color=#ffffff>鏈接內容</FONT></B></TD>

说 明∶要增加行数复制黄色布分代码粘贴其后面,直到需要的行数为止。宽度、颜色随意调整。表格作完把链接代码<a href="链接网址" target="_blank">加在蓝色><之间即可。以下表格链接均如此。






鏈接內容 鏈接內容
鏈接內容 鏈接內容
鏈接內容 鏈接內容
鏈接內容 鏈接內容

一列二栏表格代码<TABLE cellSpacing=1 cellPadding=1 width=650 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ffffff cellSpacing=2 cellPadding=2 width=650 bgColor=#000000 border=2>
<TBODY>
<TR>
<TD style="FILTER: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#383838,endcolorstr=#00EBF6)" width=40 rowSpan=5><B><FONT color=#ffffff>鏈接內容</FONT></B></TD>
<TR>
<TD style="FILTER: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#383838,endcolorstr=#ff0000)"><B><FONT color=#ffffff>鏈接內容</FONT></B></TD>
<TD style="FILTER: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#383838,endcolorstr=#00EBF6)"><B><FONT color=#ffffff>鏈接內容</FONT></B></TD>

说 明∶要增加行数复制黄色部分代码粘贴其后面,直到需要的行数为止,但最后一定要把合并行代码rowSpan=5数值改成行数值。宽度、颜色随意调整。

一 栏 三 列 表 格
鏈接內容 鏈接內容 鏈接內容
鏈接內容 鏈接內容 鏈接內容
鏈接內容 鏈接內容 鏈接內容
鏈接內容 鏈接內容 鏈接內容

一栏二列表格代码<TABLE cellSpacing=1 cellPadding=1 width=650 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ffffff cellSpacing=2 cellPadding=2 width=650 bgColor=#000000 border=2>
<TBODY>
<TR>
<TD style="FILTER: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#383838,endcolorstr=#00EBF6)" colSpan=4
><B><FONT color=#ffffff>鏈接內容</FONT></B></TD>
<TR>
<TD style="FILTER: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#383838,endcolorstr=#ff0000)"><B><FONT color=#ffffff>鏈接內容</FONT></B></TD>
<TD style="FILTER: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#383838,endcolorstr=#00EBF6)"><B><FONT color=#ffffff>鏈接內容</FONT></B></TD>

<TR>
<TD style="FILTER: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#383838,endcolorstr=#ff0000)"><B><FONT color=#ffffff>鏈接內容</FONT></B></TD>

说 明∶要增加行数复制黄色部分代码粘贴其后面,直到需要的行数为止。宽度、颜色随意调整。

相关日志

基本表格一列带二栏或多栏制作分解

基本表格一栏二列三列或多行多列制作分解

表格的高级样式[普通、细线、立体表格]制作分解

☆做桌面鏈接邊框用表格 - 学 海 - XVE HAI BLOG

欢迎您光临学海博客欢迎您光临学海博客欢迎您

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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