検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLで要素の境界線を削除する方法

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

青灯夜游
青灯夜游オリジナル
2021-05-18 17:12:0221183ブラウズ

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 サイトの他の関連記事を参照してください。

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

関連記事

続きを見る