CSS で背景色をクリアする方法は、[background-color:transparent] のように背景に background-color 属性を追加し、その属性値を透明に設定して背景色をクリアします。 ]。
![CSSで背景色をクリアする方法](https://img.php.cn/upload/article/202105/19/2021051914344776109.jpg)
#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。
背景色をクリアしたい場合は、background-color 属性を使用して背景色を透明にすることで、背景色をクリアできます。
background-color プロパティは、要素の背景色を設定します。
注:
background-color プロパティは、要素の単色を設定します。この色は、要素のコンテンツ、パディング、境界領域を塗りつぶし、要素の境界線の外側の境界まで広がります (ただし、余白は含まれません)。枠線に透明部分(点線枠など)がある場合、その透明部分に背景色が透けて見えます。
共通の属性値:
- color_name は、色の値が色の名の背景色 (赤など) であることを指定します。
- hex_number は、色の値が 16 進値 (#ff0000 など) である背景色を指定します。
- rgb_number は、RGB コードの背景色として色の値を指定します (rgb(255,0,0) など)。
- 透明 デフォルト。背景色は透明です。
- #inherit 背景色属性の設定を親要素から継承することを指定します。
コード サンプル:
<html>
<head>
<style type="text/css">
body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
p.no2 {background-color: gray; padding: 20px;}
</style>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<p>这是段落</p>
<p class="no2">这个段落设置了内边距。</p>
</body>
</html>
ログイン後にコピー
関連ビデオ チュートリアル:
css ビデオ チュートリアル
以上がCSSで背景色をクリアする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。