45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网页设计 >

Dreamweaver不用CSS样式为表格添加细线边框

电脑软硬件应用网 45IT.COM 时间:2012-12-04 14:15 作者:佚名

近段时间在学习Dreamweaver做网站,正在学表格这一章呢,结果发现表格的边框设置非常的不好,就是设为边框1也特别的粗,我希望不用CSS样式为表格添加细线边框,真的太难看了,如图:

设置:

设置

效果:

效果

有没有好的办法呢,在网上找了很久,大多都是讲样式,我还没学呢,我也知道样式当然是很多很好,可以设置成丰富的表格,虚线啊,双线啊什么的,但必竟要对样式非常的了解,后来通过我的实践,我找到了一种方法,呵呵,我这里只是讲不必用CSS样式来实现的一种最为简单的方法,注意一下哦,我只是说是个人的一种小方法,也谈不上技巧。

我发现只需把边框设为0,间距设为1,填充设为0,就可以了,然后你想边框设置成什么颜色就把表格的背景设为什么颜色,里面的颜色设为页面背景一样的颜色就可以了。如图:

设置:

表格设置


效果:

表格效果

这里我把表格的背景设为蓝色(#0000FF),表格里面设置为白色,代码如下:
 

<table  bgcolor="#0000FF" width="300" border="0" cellpadding="0" cellspacing="1">

<tr>

<td bgcolor="#FFFFFF">&nbsp;</td>

<td bgcolor="#FFFFFF">&nbsp;</td>

<td bgcolor="#FFFFFF">&nbsp;</td>

</tr>

<tr>

 <td bgcolor="#FFFFFF">&nbsp;</td>

<td bgcolor="#FFFFFF">&nbsp;</td>

<td bgcolor="#FFFFFF">&nbsp;</td>

</tr>

<tr>

<td bgcolor="#FFFFFF">&nbsp;</td>

<td bgcolor="#FFFFFF">&nbsp;</td>

<td bgcolor="#FFFFFF">&nbsp;</td>

</tr>

</table>

这样,不用CSS样式为表格添加细线边框还行吧,想要什么颜色就改成什么颜色,不必样式也可完成,呵呵。

顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识