如何在网页制作中用好表格?

控制表格边框的显示
    
    对使用Dreamweaver、FrontPage等所见即所得的网页编辑软件的朋友来说,很难控制表格的上下左右的边框显示与隐藏,其实你只要在HTML中的<table></table>标签页中添加一项“frame” 属性即可。 
    
    不显示表格边框(frame=void)
    
    只显示表格的上边框(frame=above )
    
    只显示表格的下边框(frame=below )
    
    只显示表格的上下边框(frame=hsides)
    
    只显示表格的左右边框(frame=vsides)
    
    只显示表格的左边框(frame=lhs)
    
    只显示表格的右边框(frame=rhs)
    
    例如,<table width="75%" border="1" frame=void/above/below/hsides/vsides/lhs/rhscellpadding="0" cellspacing="0"></table>
    
    控制表格行与列的分割线
    
    在网页设计中,如果版面没设计好,那么这个网页可以说是失败的。利用表格进行分栏,可以达到整齐排版的目的,美化你的网页外观。所谓分栏,就是让你的网页变成一个大表格,然后根据你的版面设计和内容安排,将这个表格分成不同的行和列,调整各个行和列的宽度和高度,以达到你排版的要求。当然了,你还可以在表格之中再嵌套表格,以达到更加复杂的排版需要。在设计过程中你可以灵活设置单元格边距和单元格间距的数值。在HTML语言中表格的分割线是由“rules”属性来决定的。所以我们可以通过手工修改源代码的方法来控制分割线的显示与隐藏。
    
    1、显示所有分割线(rules=all)
    
    如<table width="75%" border="1" rules=all cellpadding="0" cellspacing="0">
    
    2、不显示任何分割线(rules=none)
    
    3、只显示行与行之间的分割线(rules=rows)
    
    4、只显示列与列之间分割线(rules=cols)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值