tableborder(table软件)
本篇文章给大家谈谈tableborder,以及table软件对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,可以解决了您的问题,不要忘了收藏本站喔。
HTML语言border属性如何设置只显示外边框啊
可以实现,单元格的边框颜色和单元格的背景颜色一致即可!
例如:
修改前:
<table width="200" border="1" bordercolor="#FF0000">
<tr>
<td bgcolor="#FFFFFF">单元格1</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">单元格2</td>
</tr>
</table>
以红色为边框颜色的二行一列表格
修改后:
<table width="200" border="1" bordercolor="#FF0000">
<tr>
<td bgcolor="#FFFFFF" bordercolor="#FFFFFF">单元格1</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" bordercolor="#FFFFFF">单元格2</td>
</tr>
</table>
表格的边框颜色依然为红色,但单元格的边框颜色设为和单元格背景色一致,这时我们就只能看到最外面的表格边框了。
还有一种方法,就是先定义CSS,再使用CSS:
例如:
定义CSS
<style type="text/css">
<!--
.table{
border-color:#000000;
}
.td{
border:0px;
}
-->
</style>
使用CSS:
<table width="200" border="1" bordercolor="#FF0000" class="table">
<tr>
<td bgcolor="#FFFFFF" class="td">单元格1</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" class="td">单元格2</td>
</tr>
</table>
也可以实现你说的效果
两种方法,我倾向于后者。
怎样对table和td技巧性设置表格边框
很多朋友都很苦恼表格样式怎么设置。之前说过对table设置边框和对td设置边框。今天给大家带来对table和td技巧性设置表格边框,以后也会继续更新关于表格的小技巧与设置,也请大家持续关注。
对td设置左与上边框,这样td与td相邻就会只出现单一边框样式,这样就会出现表格右侧和下部没有边框,这个时候我们设置table右和下边框解决显示右侧和下侧td剩下未显示边框。
1、对应css代码:
<style>
.table-c table{border-right:1px solid#F00;border-bottom:1px solid#F00}
.table-c table td{border-left:1px solid#F00;border-top:1px solid#F00}
/*
只对table td设置左与上边框,对table设置右与下边框;
*/
</style>2、对应html源代码片段:
<div class="table-c">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="105">站名</td>
<td width="181">网址</td>
<td width="112">说明</td>
</tr>
<tr>
<td>PHP</td>
<td>www.divcss5.com</td>
<td>PHP</td>
</tr>
<tr>
<td>PHP</td>
<td>www.gxlcms.com</td>
<td>PHP</td>
</tr>这就是怎样对table和td技巧性设置表格边框,你学到了吗?
相关阅读:
怎样用CSS对td设置边框
怎样用CSS只对表格table的标签设置边框
用DIV和CSS作下拉菜单
border="0"是什么意思
border="0"意思是边框粗细为0.
同理
border=1表示边框为一像素
边框就是html标签在浏览器展示的时候,在标签周围形成一个框,该属性一般用在 img(图像)标签table(表格)标签。
img标签默认是有边框的,一般有没有都没有什么影响。
但如果img标签被a标签包含的时候,通常会出现一个蓝色的边框,影响布局美观,这个时候需要把边框设置为0,从而去掉这个视觉上的边框。
而table标签,就看什么情况了,有时候需要边框,有时候不需要边框。
如果你还想了解更多这方面的信息,记得收藏关注本站。