您的位置信息之舟电 脑硬件栏目首页网页制作HTML 收藏本页

→ 请教如何制作细线表格?

www.kepusoft.com 信息之舟电脑软件应用栏目

    信息之舟电脑软件应用栏目编者按:

    请问:如何制作细线表格?

    解决办法:表格细线边框的做法

    方法1:把表格的cellspacing设置为1,cellpadding和border均为0,分别填充表格的背景色和单元格的背景色。

    举例如下:

    <table width="550" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666">
    <tr bgcolor="#FFFFFF">
    <td>&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td>&nbsp;</td>
    </tr>
    </table>

    方法2:把cellspacing、cellpadding、border均设置为1,分别设定表格的边框色和内部单元格的边框色,注意使内部单元格的边框色和网页背景色或表格背景色相同,这样内部的边框看上去就和背景融为一体了。

    举例如下:
    <table width="550" border="1" cellspacing="1" cellpadding="1" bordercolor="#666666">
    <tr bordercolor="#FFFFFF">
    <td>&nbsp;</td>
    </tr>
    <tr bordercolor="#FFFFFF">
    <td>&nbsp;</td>
    </tr>
    </table>

    方法3:CSS定义表格的边框宽度为1个像素。先设置CSS类table1 { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left:0px},然后在<table>标签里添加class="table1"。

    即:<table class=table1></table>

    方法4:做一个和表格等大的图片作为表格的背景,尤其当你想使表格边线有倒角时。

www.kepusoft.com 信息之舟电脑之家收集整理推荐文章

相关文章:·textarea多行多列输入元素:窗体中的基本元素(实施对Textarea中的元素进行控制)
·怎么样通过加载JS到html或Asp中来实现页面自动更新呢?
·图片特殊效果HTML源代码汇集整理(美化你的网页)
·ASP和html中用java script控制图片显示的大小(等比例缩放)
·Button按钮 功能:实施对Button按钮的控制 checkbox检查框 功能:实施对一个具有复选框中元素的控制
·radio无线按钮 功能:实施对一个具单选功能的无线按钮控制 hidden:隐藏 功能:实施对一个具有不显示文字并能输入字符的区域元素的控制
·Select选择元素:实施对滚动选择元素的控制_窗体中的基本元素
·一个做网站比较流行的图片幻灯片网页特效
·基本HTML代码大集合(整理中...)
·使用DIV排版的经验
→ HTML栏目列表:

DreamWeaver
FrontPage
FireWorks
Flash
HTML
CSS&其它

→ 赞助商链接:
→ 热门文章排行榜:
·textarea多行多列输入元素:窗体中的基本元素(实施对Textarea中的元素进行控制)
·怎么样通过加载JS到html或Asp中来实现页面自动更新呢?
·图片特殊效果HTML源代码汇集整理(美化你的网页)
·ASP和html中用java script控制图片显示的大小(等比例缩放)
·Button按钮 功能:实施对Button按钮的控制 checkbox检查框 功能:实施对一个具有复选框中元素的控制
·radio无线按钮 功能:实施对一个具单选功能的无线按钮控制 hidden:隐藏 功能:实施对一个具有不显示文字并能输入字符的区域元素的控制
·Select选择元素:实施对滚动选择元素的控制_窗体中的基本元素
·一个做网站比较流行的图片幻灯片网页特效
·基本HTML代码大集合(整理中...)
·使用DIV排版的经验