本記事では、CSSで背景色を付けるbackground-colorプロパティの使い方について解説しています。背景色を付ける方法CSSで背景色を付けるには、background-colorプロパティを使います。background-color:rgb(255,0,0);}background-colorプロパティの値には、テキストの色を変更する時に指定する16進数やRGBなどを設定します。注意点として、background-colorプロパティを指定する要素がブロック要素・インライン要素・インラインブロック要素によって表示される背景色の大きさが異なります。背景色を付ける要素がブロック要素の場合、対象要素または親要素に幅(width)が設定されている幅いっぱいに表示されます。どちらにも幅が設定されていない場合は、画面幅いっぱいに背景色が表示されます。背景色を付ける要素がインライン要素またはインラインブロック要素の場合、対象要素と同じ幅の背景色が表示されます。背景色を投下させたい時は、カラー指定でrgba()を使います。通常のrgb()との違いは第4引数に不透明度を表す数値を指定することが出来ます。数値は0〜1の間にある数値を指定することができ、数値が0に近づくほど透明になり1に近づくほど不透明になります。AGENTは、国内最大級の転職支援実績を持つIT・Web業界に強い転職エージェントです。詳細をみるフリーランス案件紹介サイトMidworksは豊富な案件と「フリーランス」と「正社員」の、良いとこ取りをした働き方を実現する手厚い保障が特徴のエージェントです。月額980円で読み放題。