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

乐乎88llbb.lofter.com

 
 
 

日志

 
 

竖条代码  

2009-12-25 23:57:41|  分类: 代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 HTML没有直接写竖线的专用标记,使用<hr>来做竖线有局限性,所以竖线只能通过表格table来实现。有2种方法可以写竖线,你可任选一种,例如要高90像素的竖线:
1.代码如:<table height=90 style=border-color:000000;border-left-style:solid;border-width:1px><tr><td valign=top>内容</table>
效果如:

内容


2.代码如:<table height=90 cellspacing cellpadding><tr><td bgcolor=000000 width=1><td width=300 valign=top>内容</table>
效果如:

内容


说明:
方法1和方法2的区别是:方法1是使用样式表给表格定义,只让它的左边线为黑色;方法2是,做出一个单元格,让它宽为1像素,背景色为黑色,方法2的竖线也可用背景图片。方法2的“cellspacing cellpadding”这两句不要省。这两者的使用方法是一样的,把上述的代码复制到你的网页要插入的地方就可以了。
  如果您需要从网页中复制代码到FP或DW中,复制请注意:一定要先从这里复制到记事本,然后再从记事本复制到FP或DW的html模式下,切记切记,否则无效。


竖条代码 - 蓝波 - 蓝波港湾欢迎您!


  评论这张
 
阅读(440)| 评论(0)

历史上的今天

评论

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

页脚

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