Rumah > hujung hadapan web > tutorial css > CSS的表格边框使用什么属性设置

CSS的表格边框使用什么属性设置

(*-*)浩
Lepaskan: 2019-11-28 14:29:39
asal
5328 orang telah melayarinya

CSS的表格边框使用什么属性设置

表格边框

如需在 CSS 中设置表格边框,请使用 border 属性。    ( 推荐学习:CSS入门教程 )

下面的例子为 table、th 以及 td 设置了蓝色边框:

<html>
<head>
<style type="text/css">
table,th,td
{
border:1px solid blue;
}
</style>
</head>

<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
</body>
</html>
Salin selepas log masuk

请注意,上例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。

如果需要把表格显示为单线条边框,请使用 border-collapse 属性。

Atas ialah kandungan terperinci CSS的表格边框使用什么属性设置. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan