HTMLで要素の境界線を削除する方法-htmlチュートリアル-php.cn

HTMLで要素の境界線を削除する方法

青灯夜游

リリース： 2023-01-06 11:14:02

オリジナル

21172 人が閲覧しました

html要素の境界線を削除する方法: 1. style 属性を使用して、「border:none」スタイルを要素に追加します。2. style 属性を使用して、「border:0」スタイルを要素に追加します。要素; 3. style 属性を使用して、要素に「border:transparent」スタイルを追加できます。

HTMLで要素の境界線を削除する方法

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

方法 1: style 属性を使用して、要素に「border:none;」スタイルを追加します。

border 属性は、すべてのボーダー属性を設定します。値がnone は、label 要素が border 属性を設定しないか、border 属性をキャンセルしてボーダーレススタイルを定義することを意味します。

<!DOCTYPE html>
<html> 
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			input{
				background-color: palevioletred;
			}
		</style>
	</head>
	<body>
		<input type="text" value="测试输入框"/>
		<br /><br />
		<input type="text" value="测试输入框--无边框" style="border: none;"/>
	</body>

</html>

ログイン後にコピー

レンダリング:

HTMLで要素の境界線を削除する方法

##方法 1: style 属性を使用して、「border:0」を追加します。要素 ;" スタイル

境界線の幅を 0

<input type="text" value="测试输入框"/>
<br /><br />
<input type="text" value="测试输入框--边框宽度为0" style="border: 0;"/>

ログイン後にコピー

に設定して削除します。レンダリング:

HTMLで要素の境界線を削除する方法

##方法 3: style 属性を使用して要素に「border:transparent;」スタイルを追加します

境界線のスタイルを透明色に設定して削除します

<input type="text" value="测试输入框"/>
<br /><br />
<input type="text" value="测试输入框--透明边框" style="border: 0;"/>

ログイン後にコピー

レンダリング:

##学習ビデオ共有: HTMLで要素の境界線を削除する方法 css ビデオチュートリアル

、

html ビデオチュートリアル

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