スタート!CSS入門

背景色

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
背景色を変えるには、background-colorプロパティを使います。ここでは、background-colorプロパティの使い方について紹介します。
講師:
01:59

字幕

背景色を変えるには background-colorプロパティを使います。このレッスンでは background-colorプロパティの使い方について紹介します。background-color プロパティに使える値は色とtransparent キーワードです。色は RGB 値またはキーワードで指定します。transparent キーワードはその要素自身の背景色は透過透明に設定され親要素の背景色が透けて見える状態になります。background-color プロパティのデフォルト値にも使われてます。そのほかの仕様は御覧の通りです。では実際に CSS を書いてみましょう。編集画面とウェブブラウザを開きます。ここではウェブページ全体の背景色を変えてみましょう。ウェブページ全体の背景色を変更するにはbody 要素を使います。body 要素に対して背景色をエメラルドグリーンにするよう CSS を書いてみましょう。body 要素に対してbackground-color プロパティを使って背景色をエメラルドグリーンに設定します。ウェブブラウザを見るとウェブページ全体の背景色がエメラルドグリーンになってることを確認できます。 なお、背景色が適用される領域はCSS のボックスモデルという概念に基づいて決められています。このレッスンでは背景色を変えるbackground-color プロパティの使い方について学びました。

スタート!CSS入門

CSSはWebページに視覚的な表現、つまりスタイルを与えるための言語です。HTMLと組み合わせることで、より自由なデザインをウェブ上で実現できます。このコースでは初めてCSSに触れる方でも体系的な理解が得られるように、Web標準としての仕様の成り立ちからさまざまな文法、ボックスモデルなどの基本概念まで幅広い内容を解説します。

5時間21分 (71 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2014年11月25日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。