Rumah  >  Artikel  >  hujung hadapan web  >  怎样对table和td技巧性设置表格边框

怎样对table和td技巧性设置表格边框

php中世界最好的语言
php中世界最好的语言asal
2017-11-20 17:37:452962semak imbas

很多朋友都很苦恼表格样式怎么设置。之前说过对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.php.cn</td> 
<td>PHP</td> 
</tr>

这就是怎样对table和td技巧性设置表格边框,你学到了吗?

相关阅读:

怎样用CSS对td设置边框


怎样用CSS只对表格table的标签设置边框


用DIV和CSS作下拉菜单

Atas ialah kandungan terperinci 怎样对table和td技巧性设置表格边框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn