HTMLでボタンの枠線を消す方法-htmlチュートリアル-php.cn

HTMLでボタンの枠線を消す方法

青灯夜游

リリース： 2021-12-13 17:09:24

オリジナル

16468 人が閲覧しました

方法: 1. border-style 属性を使用して「border-style:none;」スタイルをボタン要素に追加します; 2. border-color 属性を使用して「border-color:transparent」を追加しますボタン要素に ;" スタイルで十分です。

HTMLでボタンの枠線を消す方法

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

htmlボタンの境界線を削除します

1. 境界線スタイル属性を使用します

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<button>按钮元素</button>
		<button style="border-style: none;">按钮元素</button>
	</body>
</html>

ログイン後にコピー

HTMLでボタンの枠線を消す方法

#2. border-color 属性を使用します

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<button>按钮元素</button>
		<button style="border-color: transparent;">按钮元素</button>
	</body>
</html>

ログイン後にコピー

HTMLでボタンの枠線を消す方法