ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSでボタンを非表示にする方法

CSSでボタンを非表示にする方法

王林
リリース: 2023-01-06 11:13:37
オリジナル
6049 人が閲覧しました

CSS でボタンを非表示にする方法は、[style="display:none;"] などの表示属性をボタンに追加することです。 display 属性は、要素が生成するボックスのタイプを指定します。none は、要素が表示されないことを意味します。

CSSでボタンを非表示にする方法

#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。

ボタンを非表示にする効果を実現したい場合は、display 属性を使用できます。この属性については、以下で詳しく説明します。

表示属性は、要素が生成するボックスのタイプを指定します。

属性値:

  • none この要素は表示されません。

  • block この要素は、この要素の前後に改行を入れて、ブロック レベルの要素として表示されます。

  • #インライン デフォルト。この要素は、要素の前後に改行のないインライン要素として表示されます。

特定のコード:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <!--display:block:显示按钮-->
    <button id="displayBtn" style="display:block">显示按钮</button>
    <!--display:block:隐藏按钮-->
    <button id="hiddenBtn" style="display:none;">隐藏按钮</button>
</div>
</body>
</html>
ログイン後にコピー

関連ビデオ共有:

css ビデオ チュートリアル

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート