CSSで表の枠線を削除する方法-CSSチュートリアル-php.cn

CSSで表の枠線を削除する方法

青灯夜游

リリース： 2021-10-12 15:55:32

オリジナル

9825 人が閲覧しました

削除方法: 1. table、th、td要素に「border:0;」スタイルを追加; 2. table、th、td要素に「border-style:none;」スタイルを追加; 3 . table要素、th要素、td要素に「border:transparent;」スタイルを追加します。

CSSで表の枠線を削除する方法

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

これはテーブルを含む HTML ドキュメントです

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

ログイン後にコピー

CSSで表の枠線を削除する方法

テーブルに境界線があることがわかります。テーブルの境界線を削除しますか?ここではいくつかの方法を紹介します。

#方法 1: border: 0;Style

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
<style>
	table,th,td {
		border: 0;
	}
</style>
	</head>
	<body>
		<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>
	</body>
</html>

ログイン後にコピー

Rendering:

CSSで表の枠線を削除する方法 ## を追加します。

#方法 2:

border-style: none;style を table、th、td 要素に追加します

<style>
	table,th,td {
		border-style: none;
	}
</style>

ログイン後にコピー

CSSで表の枠線を削除する方法 #方法 3:

border:transparent;

style

<style>
	table,th,td {
		border: transparent;
	}
</style>

ログイン後にコピー

(学習ビデオ共有: css ビデオチュートリアル

)# を追加します。 ##以上がCSSで表の枠線を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

CSSで表の枠線を削除する方法