ホームページ > 記事 > ウェブフロントエンド > CSSで背景色をクリアする方法

CSSで背景色をクリアする方法

王林オリジナル: 2021-05-19 14:44:096226ブラウズ

CSS で背景色をクリアする方法は、[background-color:transparent] のように背景に background-color 属性を追加し、その属性値を透明に設定して背景色をクリアします。 ]。

CSSで背景色をクリアする方法

#この記事の動作環境: 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で背景色をクリアする方法

関連記事