スタイルシート(CSS)で背景色を変更する

公開日: : 最終更新日:2013/11/26 CSS全般 , , , ,

スタイルシート(CSS)を使って背景色を変更します。
背景色を変更するには「background-color」を使って変更します。

こんな感じ

色名での指定は以下のパターンです。

色名 色名
     aliceblue      lightgrey
     antiquewhite      lightpink
     aqua      lightsalmon
     aquamarine      lightseagreen
     azure      lightskyblue
     beige      lightslategray
     bisque      lightslategrey
     black      lightsteelblue
     blanchedalmond      lightyellow
     blue      lime
     blueviolet      limegreen
     brown      linen
     burlywood      magenta
     cadetblue      maroon
     cadetblue      mediumaquamarine
     chartreuse      mediumblue
     chocolate      mediumorchid
     coral      mediumpurple
     cornflowerblue      mediumseagreen
     cornsilk      mediumslateblue
     crimson      mediumspringgreen
     cyan      mediumturquoise
     darkblue      mediumvioletred
     darkcyan      midnightblue
     darkgoldenrod      mintcream
     darkgray      mistyrose
     darkgreen      moccasin
     darkgrey      navajowhite
     darkkhaki      navy
     darkmagenta      oldlace
     darkolivegreen      olive
     darkorange      olivedrab
     darkorchid      orange
     darkred      orangered
     darksalmon      orchid
     darkseagreen      palegoldenrod
     darkslateblue      palegreen
     darkslategray      paleturquoise
     darkslategrey      palevioletred
     darkturquoise      papayawhip
     darkviolet      peachpuff
     deeppink      peru
     deepskyblue      pink
     dimgray      plum
     dimgrey      powderblue
     dodgerblue      purple
     firebrick      red
     floralwhite      rosybrown
     forestgreen      royalblue
     fuchsia      saddlebrown
     gainsboro      salmon
     ghostwhite      sandybrown
     gold      seagreen
     goldenrod      seashell
     gray      sienna
     green      silver
     greenyellow      skyblue
     grey      slateblue
     honeydew      slategray
     hotpink      slategrey
     indianred      snow
     indigo      springgreen
     ivory      steelblue
     khaki      tan
     lavender      teal
     lavenderblush      thistle
     lawngreen      tomato
     lemonchiffon      turquoise
     lightblue      violet
     lightcoral      wheat
     lightcyan      white
     lightgoldenrodyellow      whitesmoke
     lightgray      yellow
     lightgreen      yellowgreen
スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • 14 follow us in feedly

関連記事

not_found

Google ChromeでCSSが反映されない場合の対処

Google ChromeでCSSが適応されない Internet Explorer では問題なく

記事を読む

no-img

スタイルシート(CSS)で<h1>から<h6>タグにアンダーラインを引いてみる

少し使用しているテーマの<h1>~<h6>タグをスタイルシート(CSS)を使ってでアンダーラインを引

記事を読む

a0001_013635

CSSで複数のclassを同時に指定する方法

CSSで複数のclassを同時に指定する HTMLで1つの要素に同時に複数のスタイルを指定したい場

記事を読む

no-img

CSSで印刷されないボタンを作る

印刷されないボタン作成 HTMLで作成した画面をブラウザー表示し、 その画面に印刷ボタンを設けて

記事を読む

not_found
Google ChromeでCSSが反映されない場合の対処

Google ChromeでCSSが適応されない Internet

a0001_013635
CSSで複数のclassを同時に指定する方法

CSSで複数のclassを同時に指定する HTMLで1つの要素に同時

no-img
CSSで印刷されないボタンを作る

印刷されないボタン作成 HTMLで作成した画面をブラウザー表示し、

no-img
スタイルシート(CSS)で<h1>から<h6>タグにアンダーラインを引いてみる

少し使用しているテーマの<h1>~<h6>タグをスタイルシート(CSS

→もっと見る



PAGE TOP ↑