ie下面设置 bordercolor 即可设置,但是火狐下面不行,用下面的代码就都可以了
代码如下:
<style type="text/css">
#table
{
border:1px solid;
border-color:#d1e1f0;
}
#table td
{
border:1px solid;
border-color:#d1e1f0;
}
#table th
{
border:1px solid;
border-color:#d1e1f0;
}
</style>
<table id="table">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
另外附上两个转来的内容,在哪转的已经不知道了……
关键字:细线表格 表格技巧 细线表格代码 CSS细线表格
摘要:看到不少朋友在问细线表格如何设置,虽然简单,偶还是总结一下拿出来,也方便新手学习。缺陷失误之处请大家指点.看的朋友如果有其他的实现方法,也希望能发布到这里,谢谢!
不知道怎么发布html执行后的样子,全是代码,真不直观,会的朋友指点下,谢谢!
暂时,可以先把下面的代码拷贝到记事本,保存,然后再修改扩展名为html,打开,这样看比较直观。
<style>
* { font-size:90%;}
font { color:#0000CC;}
</style>
<font>下面的细线表格是用cellspacing来实现的,用表格的背景色做为边框的颜色。</font>不方便的是每一行都要再设置一个背景色。
<table width="400" border="0" cellspacing="1" cellpadding="0"
bgcolor="#000000">
<tr bgcolor="#006600">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<br />
< font>下面的细线表格是设置bordercolordark来实现的</font>,因为默认的border其实宽度是2,即使设置为1也没用,bordercolorlight和bordercolordark一起作为表格的边框。所以设置其中一个为背景色,表格边框看起来就会细一些。
<table width="400" border="1" cellspacing="0" cellpadding="0"
bordercolor="#000000" bordercolordark="#FFFFFF">
<tr bgcolor="#006600">
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br />
<font>下面的表格是用css来实现的。</font><br />
css技巧比较多,列举几种:
A:设置border="1"、bordercolor,再加上style="border-collapse:collapse;"。style里面的内容就是css。
<table width="400" border="1" bordercolor="#000000" cellspacing="0"
cellpadding="0" style="border-collapse:collapse;">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br />
B:这个用css来设置边框,结果只显示表格的最外层边线。里面的线不显示。
<table width="400" cellspacing="0" cellpadding="0"
style="border:#000000 1px solid;">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br />
C: 如果你想要页面的所有表格都是细线表格,也不用一个一个去设置。因为这里是演示用,所以加上了id,你用的时候直接
在head里面加上style标签,里面写 table {border-collapse:collapse;} td {border:#000000 1px solid;},所有该页的table就都是细线了。
<style>
#tab1 {border-collapse:collapse;}
#tab1 td {border:#000000 1px solid;}
</style>
<table id="tab1" width="400">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br />
<br />
<font>表格边框控制的其他方法(rules和frame):</font><br />说明:<br />
1、这两个属性有时候设置会看不到作用,这是因为与表格边框的css设置冲突。所以说如果需要这些效果,并且还需要细线,那就用下面的方式来实现即设置这三个属性,border="1" bordercolor="#000000" style="border-collapse:collapse;",然后再设置rules和frame,如果你测试到有其他的方法,希望能发布出来和大家共享。<br />
2、下面的效果只是我列举出来做演示用的,灵活设置这些属性可以做出更多效果。<br />
rules="cols"的效果(中间的横线没有了)
<table width="400" border="1" bordercolor="#000000"
style="border-collapse:collapse;" rules="cols">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br />
frame="void"的效果(外边线没有了)
<table width="400" border="1" bordercolor="#000000"
style="border-collapse:collapse;" frame="void">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br />
rules和frame结合的效果(frame="hsides" rules="rows",只留下横线)
<table width="400" border="1" bordercolor="#000000"
style="border-collapse:collapse;" frame="hsides" rules="rows">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
分享到:
相关推荐
Firefox火狐设置 lskdfolsew
Firefox 29 - 完整包,下载后直接就能用,新手或懒得折腾的直接下载这...通过创建Firefox帐户来设置Firefox Sync的能力 Gamepad API已完成并启用 在美国语言环境中用于Yahoo Search的HTTPS 添加了马来语[ma]语言环境
Firefox填写表单扩展 安装方法很简单,直接拖拽到火狐浏览器窗口中然后根据提示操作即可。 随时关注最新版: http://code.google.com/p/ffextension/downloads 火狐官方下载地址: ...
Firefox 52.0.2 渗透便携版 90SEC beta8 含多个文件 Firefox 52.0.2 渗透便携版 90SEC beta8 Firefox 52.0.2 渗透便携版 90SEC beta8 Firefox 52.0.2 渗透便携版 90SEC beta8 Firefox 52.0.2 渗透便携版 90SEC beta8...
解决firefox下resize事件无效问题
受影响的包括uBlock Origin、AdGuard AdBlocker、AdBlock For Firefox、AdNauseam等广告拦截扩展。只有科学上网,去AdGuard或AdGuard AdBlocker英文网站主页安装这个插件。你也可以尝试下载这个离线安装插件,解压缩...
ScrapBook for FireFox 1.5.14 ScrapBook for FireFox 1.3.7 直接用FIREFOX打开 XPI 文件即可
在firefox地址栏输入about:config 找到以下内容 devtools.tilt.enabled 设置为true devtools.tilt.force-enabled 设置为true 前提 webgl.disabled 设置为false webgl.force-enabled 设置为true 弄好后重启firefox 按...
DOM Inspector是Mozilla Firefox的一个扩充套件,官方中文版上称之为DOM观察器,在安装Mozilla Firefox时,可以在自订安装中选择是否安装DOM Inspector,如果在安装Mozilla Firefox时没有选择自订安装以安装DOM ...
selenium为firefox设置下载文件的保存,很好地解决了默认路径问题
Mozilla Firefox,中文俗称“火狐”(正式缩写为Fx或fx,非正式缩写为MF),是一个自由及开放源代码的网页浏览器,使用Gecko排版引擎,支持多种操作系统,如Windows、Mac OS X及GNU/Linux等。该浏览器提供了两种版本...
火狐浏览器 59 版本,firefox 59版本,直接点击安装。
火狐firefox adblock xpi插件,adblock for macOS firefox,解决火狐浏览器安装adblock显示此页面在您的地区不可用问题,解压拖动到火狐浏览器即可安装,完美解决无法从插件市场安装的问题
自带的火狐浏览器太老了,通过该浏览器,很多功能都不能实现,实际上不是bug,只是该更新版本了,建议安装最新的火狐浏览器。条件限制,有时只能离线安装,可以下载此离线文件进行安装。 先把安装包拉进去,打开...
解压后可用,资源全名:Firefox Setup 45.0.2.exe
firefox52.0.2最新渗透便携版,打开解压就可以使用,包含了几乎所有的渗透测试插件 Firefox是一一个出自Mozilla组织的流行的Web浏览器。Firefox的流行并不仅仅是因为它是一-个好的浏览器,而且它能够支持插件进而...
解压后可用,资源全名:Firefox Setup 52.9.0esr.exe
资源全名:Firefox 52.1.1esr.dmg
资源全名:Firefox 52.9.0esr.dmg
解压后可用,资源全名:Firefox Setup 51.0b2.exe