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

人无癖不可与交,以其无深情也。

人无疵不可与交,以其无真情也。

 
 
 

日志

 
 

代码编辑虚线边框技巧  

2013-05-05 07:43:55|  分类: 边框荟萃 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

●江苏省博友链接专区

●上海市博友链接专区

●北京市博友链接专区

●广东省博友链接专区

●黑龙江博友链接专区

●湖北省博友链接专区

●江西省博友链接专区

●河北省博友链接专区

●辽宁省博友链接专区

●吉林市博友链接专区

●安徽省博友链接专区

●浙江省博友链接专区

●云南省博友链接专区

●贵州省博友链接专区

●新疆博友链接专区

●山东省博友链接专区

●山西省博友链接专区

●湖南省博友链接专区

●河南省博友链接专区

●陕西省博友链接专区

●福建省博友链接专区

●天津市博友链接专区

●内蒙古博友链接专区

●广西省博友链接专区

●重庆市博友链接专区

●海外兵团博友链接专区

●香港博友链接专区

●海南省博友链接专区

●甘肃省博友链接专区

●台湾省博友链接专区

●西藏博友链接专区

●宁夏博友链接专区

●未分组博友链接专区

线
代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。
代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。 编制:幽谷星尘 代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。
 

一、单层效果图

 

 设置代码

<TABLE style="BORDER-BOTTOM: rgb(255,0,0) 6px dotted; BORDER-LEFT: rgb(255,0,0) 5px dotted; LINE-HEIGHT: 32px; WIDTH: 600px; HEIGHT: 100px; BORDER-TOP: rgb(255,0,0) 5px dotted; BORDER-RIGHT: rgb(255,0,0) 5px dotted" cellSpacing=0 width=600 align=center>
<TBODY style="LINE-HEIGHT: 32px">
<TR style="LINE-HEIGHT: 32px">
<TD style="LINE-HEIGHT: 32px">
<P><BR></P></TD></TR></TBODY></TABLE><WBR></P>

 代码诠释

1、BORDER-BOTTOM: rgb(255,0,0) 6px dotted;下框线控制标签;【其中6px为虚线圆点的大小属性,数值越大圆点的直径也越大,(0,255,0)为构成虚线的圆点颜色控制标签,改变其数值及可改变圆点的颜色;】
2、BORDER-LEFT: rgb(255,0,0) 6px dotted;左框线控制标签;
3、LINE-HEIGHT: 35px; WIDTH: 600px; HEIGHT: 100px; 对左边框其他属性的控制标签; 35px;边框的左端离开日志左端的距离; WIDTH: 600px;边框的宽度; HEIGHT: 100px;边框的高度;
4、BORDER-TOP: rgb(255,0,0) 6px dotted;上框线控制标签;
5、BORDER-RIGHT: rgb(255,0,0) 6px dotted右边框线控制标签;
6、width=600;边框的宽度控制标签;
7、align=center;边框位置控制标签【居左、中、右】
8、cellSpacing=12 ;边框内部的内容与边框内壁的距离控制标签;
9、FONT color=#00ff00 ;边框内部文字颜色属性控制标签;
10、size=5;边框内部文字大小控制标签;

 

二、双层效果图

 

 

  设置代码

第一层代码:<TABLE style="BORDER-BOTTOM: rgb(255,0,0) 6px dotted; BORDER-LEFT: rgb(255,0,0) 5px dotted; LINE-HEIGHT: 32px; WIDTH: 600px; HEIGHT: 100px; BORDER-TOP: rgb(255,0,0) 5px dotted; BORDER-RIGHT: rgb(255,0,0) 5px dotted" cellSpacing=0 width=600 align=center>
<TBODY >
<TR >
<TD >
第二层代码:<TABLE style="BORDER-BOTTOM: rgb(0,255,0) 3px dotted; BORDER-LEFT: rgb(0,255,0) 3px dotted; LINE-HEIGHT: 32px; WIDTH: 600px; HEIGHT: 100px; BORDER-TOP: rgb(0,255,0) 3px dotted; BORDER-RIGHT: rgb(0,255,0) 3px dotted" cellSpacing=0 width=600 align=center>
<TBODY >
<TR >
<TD ></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>


 三、三层边框效果图



 设置代码

第一层代码:<TABLE style="BORDER-BOTTOM: rgb(255,0,0) 6px dotted; BORDER-LEFT: rgb(255,0,0) 5px dotted; LINE-HEIGHT: 32px; WIDTH: 600px; HEIGHT: 100px; BORDER-TOP: rgb(255,0,0) 5px dotted; BORDER-RIGHT: rgb(255,0,0) 5px dotted" cellSpacing=0 width=600 align=center>
<TBODY >
<TR >
<TD >
第二层代码:<TABLE style="BORDER-BOTTOM: rgb(0,255,0) 3px dotted; BORDER-LEFT: rgb(0,255,0) 3px dotted; LINE-HEIGHT: 32px; WIDTH: 600px; HEIGHT: 100px; BORDER-TOP: rgb(0,255,0) 3px dotted; BORDER-RIGHT: rgb(0,255,0) 3px dotted" cellSpacing=0 width=600 align=center>
<TBODY >
<TR >
<TD >
第三层代码:<TABLE style="BORDER-BOTTOM: rgb(255,0,0) 6px dotted; BORDER-LEFT: rgb(255,0,0) 5px dotted; LINE-HEIGHT: 32px; WIDTH: 600px; HEIGHT: 100px; BORDER-TOP: rgb(255,0,0) 5px dotted; BORDER-RIGHT: rgb(255,0,0) 5px dotted" cellSpacing=0 width=600 align=center>
<TBODY >
<TR >
<TD >
<P><BR></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 


  

代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。         代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

朋友在此已停留

 代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

代码编辑虚线边框技巧 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

幽谷星尘真诚欢迎您常来

 

 

  评论这张
 
阅读(117)| 评论(13)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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