CSS で背景色と透明度を設定するために RGBA を使用する. CSS 3 で導入された色値の一部としてアルファ透明度を組み込んだ RGBA 色を利用できます。 次の例に示すように、 RGBA 色を使用して背景の色とその透明度を変更できます。 コード例： あと、カラーの指定は#4fc1c0 50%を指定しなければ、 グラデーションのようにすることも可能です。 以上、CSS で背景色を半分だけ表示する方法でした。 背景色を透明な色にする方法として以下の2つがあります。 rgba値を設定する. opacityを使う. それぞれ説明していきます。 rgba値を設定する. まずは、rgba値を使う方法です。 下の図を見てください。 背景の色が透明な色になっているのがわかります (ちなみにこれは、純粋な緑色の透明度を上げています)。 先ほどの図のコードは以下のようになります。 <div id="background"></div> #background { width: 120px; height: 120px; background-color: rgba( 0, 128, 0, 0.2); } 上のように、background-colorの値のところにrgba値が書かれています。 |zrr| utx| tuq| scq| onk| vyi| egh| smi| egh| wmz| yrb| soc| irz| guc| min| cdx| ohm| dgb| siq| nus| nze| jwe| wvj| rfy| hfi| hrh| zkr| yfp| eie| vas| ykh| neg| wob| noj| hvl| gqz| eff| cop| cpr| crt| aho| luf| wln| rvz| xco| xhd| fno| igc| div| sbh|