Rumah > hujung hadapan web > tutorial css > 怎样用CSS只对表格table的标签设置边框

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

php中世界最好的语言
Lepaskan: 2017-11-20 17:25:32
asal
2752 orang telah melayarinya

很多朋友都很苦恼表格样式怎么设置,今天就给大家详细讲解一下css表格样式怎么设置。先说一种方法,只对table设置边框。之后给大家带来设置表格其他元素的方法,请持续关注

只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式。

案例详细如下:

1、对应css代码

 

2、对应html代码片段

1、对应css代码

<style> 
.table-a table{border:1px solid #F00} 
/* css注释:只对table标签设置红色边框样式 */ 
</style>
Salin selepas log masuk

2、对应html代码片段

<div class="table-a"> 
<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>m.sbmmt.com</td> 
<td>CSS学习</td> 
</tr> 
<tr> 
<td>CSS5</td> 
<td>m.sbmmt.com</td> 
<td>CSS切图</td> 
</tr> 
</table> 
</div>
Salin selepas log masuk

这就是CSS只对表格table的标签设置边框的方法,你学到了吗?

相关阅读:

用DIV和CSS作下拉菜单

css3实现阴影效果实例

css布局需要注意的几点

Atas ialah kandungan terperinci 怎样用CSS只对表格table的标签设置边框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan