の 背景色 CSS のプロパティは、要素の背景色を設定するために使用されます。要素の背景として単色を適用します。要素の背景は、パディングと境界線を含み、マージンを除いた合計サイズをカバーします。すべての HTML 要素に適用できます。

構文

 element transparent 

の 色名 このプロパティの値は、背景色の値を定義するか、カラー コードを指定します。これは、色の名前、rgb() 値、または 16 進値を使用して指定できます。

の 透明 このプロパティの値はデフォルト値であり、透明な背景色を指定します。

例

この例では、 背景色 カラー名、16 進値、rgb() 値、および hsl() 値を使用してプロパティを設定します。適用する div 要素は 4 つあります。 背景色 財産。

 background-color property body { text-align:center; } h1{ color: blue; } div{ font-size: 25px; padding: 50px; border: 5px solid red; margin: 20px; } #one{ background-color: lightgreen; } #two{ background-color: #ddaefa; } #three{ background-color: rgb(155, 55, 128); color: white; } #four{ background-color: hsl(60, 22%, 50%); color: white; } background-color: lightgreen; background-color: #ddaefa; background-color: rgb(155, 55, 128); background-color: hsl(60, 22%, 50%); 

出力