Bagaimana untuk membatalkan sempadan td dalam Html5

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.

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>

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>

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

Dengan menetapkan lebar sempadan kepada 0 untuk mengalih keluar

<style>
	td{
		border:0;
	}
</style>

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

dengan menukar jidar Tetapkan gaya kepada warna lutsinar untuk mengalih keluar

<style>
	td{
		border:transparent;
	}
</style>

(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!