ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLで表の枠線を非表示にする方法

HTMLで表の枠線を非表示にする方法

青灯夜游
青灯夜游オリジナル
2021-12-10 14:50:3111924ブラウズ

htmlテーブルの境界線を非表示にする方法: 1. style 属性を使用して、「border: none;」を table、th、および td 要素に追加します。2. style 属性を使用して「border-color:」を追加します。表要素に「透明」スタイルを追加します。

HTMLで表の枠線を非表示にする方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

次のテーブルがあります:

<table border="1">
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
</table>

HTMLで表の枠線を非表示にする方法

このテーブルの境界線を非表示にするにはどうすればよいですか?その方法は次のとおりです:

#1. border: none;style

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
<table border="1" style="border: none;">
	<tr>
		<th  style="border: none;">姓名</th>
		<th  style="border: none;">年龄</th>
	</tr>
	<tr>
		<td style="border: none;">Peter</td>
		<td style="border: none;">20</td>
	</tr>
	<tr>
		<td style="border: none;">Lois</td>
		<td style="border: none;">20</td>
	</tr>
</table>
	</body>
</html>

## をテーブルに追加します。 HTMLで表の枠線を非表示にする方法

#2.

border-color:transparent;style

<table border="1"   style="max-width:90%">
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
</table>

HTMLで表の枠線を非表示にする方法 を table 要素に追加します。推奨チュートリアル:《

html ビデオ チュートリアル

以上がHTMLで表の枠線を非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。