Bagaimana untuk membatalkan sempadan td dalam Html5

青灯夜游
Lepaskan: 2022-06-08 16:58:34
asal
5672 orang telah melayarinya

3 cara untuk membatalkan: 1. Tambahkan gaya tanpa sempadan "border:none" pada elemen td, dengan sintaks "td{border:none}". 2. Tambahkan gaya "border:0" pada elemen td dengan sintaks "td{border:0;}" dan tetapkan lebar sempadan td kepada 0. 3. Tambahkan gaya "border:transparent" pada elemen td, dengan sintaks "td{border:transparent;}", dan tetapkan warna sempadan td kepada lutsinar.

Bagaimana untuk membatalkan sempadan td dalam Html5

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3. Teg

mentakrifkan sel standard dalam jadual HTML. Teks dalam elemen td ialah teks biasa dijajar kiri.
<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td>¥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>¥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>¥150</td>
	</tr>
</table>
Salin selepas log masuk

Bagaimana untuk membatalkan sempadan td dalam Html5

Jadi bagaimana hendak membatalkan sempadan td dalam Html5? Beberapa kaedah diperkenalkan di bawah.

1. Tambahkan gaya "border:none;" pada elemen td

Atribut sempadan menetapkan semua atribut sempadan apabila nilainya tiada, itu bermakna elemen label bukan Tetapkan atribut sempadan atau batalkan atribut sempadan untuk menentukan gaya tanpa sempadan.

<style>
	td{
		border:none;
	}
</style>
Salin selepas log masuk

Bagaimana untuk membatalkan sempadan td dalam Html5

2. Tambahkan gaya "border:0;" pada elemen td

Dengan menetapkan lebar sempadan kepada 0 untuk mengalih keluar

<style>
	td{
		border:0;
	}
</style>
Salin selepas log masuk

Bagaimana untuk membatalkan sempadan td dalam Html5

3. Tambahkan gaya "sempadan:transparan;" pada elemen td

dengan menukar jidar Tetapkan gaya kepada warna lutsinar untuk mengalih keluar

<style>
	td{
		border:transparent;
	}
</style>
Salin selepas log masuk

Bagaimana untuk membatalkan sempadan td dalam Html5

(Belajar perkongsian video: tutorial video html, css tutorial video, bahagian hadapan web)

Atas ialah kandungan terperinci Bagaimana untuk membatalkan sempadan td dalam Html5. 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