• ベストアンサー

background-color: #ddd;の意味がわかりません

あるサイトの「body」の背景に以下のようなCSSがありました。 body { background-color: #ddd;←これ何の意味? color: #333; background: url(●●/●●Bg.gif) repeat; } 『background-color: #ddd;』の意味が ネットで探してもそれらしいものが見つかりませんでした。 なにか、制作した人の独自のものなんでしょうか? わかる方要らしたら教えていただけないでしょうか。

  • HTML
  • 回答数3
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

ちゃんとCSSの規格書に書いてある色の指定方法ですよ。勝手に独自 の表現をしても、うんともすんともいいません。 #ddd は、#dddddd やrgb(221,221,221) と同じ明るめの灰色です。 同様に#333 はかなり濃い灰色ですね。

参考URL:
http://www.w3.org/TR/CSS21/syndata.html#color-units
rir7ak5uma
質問者

お礼

背景の指定方法というのはわかったのですが、 既に背景はgifで指定してあるので・・・。(反映されないときのためでしょうか。) 「#ddd」というのはどんな色なのかなと調べてみても これといったものが出てこなくて。 なにか特別な記号なのかと思ってしまいました。 ありがとうございました。

その他の回答 (2)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

 どこがわからないのか、不明なので一通り・・  1999年(10年前)に勧告となったHTM4.01以降、文章の構造を記述するHTMLとプレゼンテーション(見栄え)を記述するスタイルシートを分けることが、推奨されています。 【引用】____________ここから 7.5.1 BODY要素  ・・・【中略】・・・ 属性定義   background = uri [CT] 推奨しない。 ・・・【後略】・・・  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#edef-BODY )]より 【引用】____________ここから bgcolor = color [CI] 推奨しない。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Alignment, font styles, and horizontal rules in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/graphics.html#adef-bgcolor )]より  このbackground-color: ・・・color:・・と言う記述はスタイルシートです。  この色の指定方法は色々ありますから、下記サイトをご覧ください。 【引用】____________ここから 4.3.6 色 <color>は,キーワード又は数値RGB指定のいずれかとする。  キーワード色名は,aqua, black, blue fuchsia, gray, green, lime, maroon, navy, olive purple, red, silver, teal, white, yellowとする。これらの16色は,HTML 4.0([HTML40])で定義される。これらの色キーワードに加えて,利用者は,利用者の環境のオブジェクトが使用する色に対応するキーワードを指定してもよい。更なる情報を入手したい場合は,システム色を参照すること。  例    BODY {color: black; background: white }    H1 { color: maroon }    H2 { color: olive }  RGB色モデルは,数値色指定で使用される。次の例は,すべて同じ色を指定している。  例    EM { color: #f00 } /* #rgb */    EM { color: #ff0000 } /* #rrggbb */    EM { color: rgb(255,0,0) } /* integer range 0 - 255 */    EM { color: rgb(100%, 0%, 0%) } /* float range 0.0% - 100.0% */  16進記法のRGB値のフォーマットは,'#'で始まり,その直後に3桁又は6桁の16進数が続くものとする。3桁の数字のRGB記法(#rgb)は,ゼロを付加するのではなく,数字を重複させることによって,6桁の形式(#rrggbb)に変換される。例えば,#fb0は#ffbb00に展開される。これによって,確実に白(#ffffff)は短い記法(#fff)で指定でき,ディスプレイの色ビット幅への依存性が除去される。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[CSS2 syntax and basic data types( http://www.y-adagio.com/public/standards/tr_css2/syndata.html#color-units )]より

rir7ak5uma
質問者

お礼

わかりづらくてすみません。 背景の指定方法というのはわかるのですが、 既に背景はgifで指定してあるし。。。(反映されないときのためですかね。) 「#ddd」というのはどんな色なのかなと調べてみても これといったものが出てこなくて。 細かく説明していただきありがとうございました。

  • v-checker
  • ベストアンサー率22% (13/57)
回答No.1

background-color:は単に背景色の指定ですよね 普通は#000000~#FFFFFFな気がするけど、#dddだと#d0d0d0の指定と同じになるようですね ※ちょっと試してみたらそうだったので詳しいことは判りませんが ↓結果はこれと同じでした body { background-color: #d0d0d0; color: #303030; background: url(●●/●●Bg.gif) repeat; }

rir7ak5uma
質問者

お礼

説明が不十分ですみません。 背景の指定方法というのはわかったのですが、 既に背景はgifで指定してあるので・・・。(反映されないときのためでしょうか。) 「#ddd」というのはどんな色なのかなと調べてみても これといったものが出てこなくて。 なにか特別な記号なのかと。 わざわざ試していただきありがとうございました。

関連するQ&A

  • 上下にイメージをリピートさせたい

    よく見ますが、下記サイトの様にtopとbottom(ヘッダーとフッター)にbackground-imageを無限にループするイメージ(カラー) ってcssでどう指定したら出来るのでしょうか。 左右にスペースが出来てしまったりで上手くいきません。 http://www.deviantart.com/ http://www.good.is/ http://www.postbox-inc.com/ ----------------html--------------------- <body> <div id="container">      ・      ・      ・    </div> <div id="footer> </div> </body> ------------------css---------------------- body { background-image: url(img/bg1.gif); background-repeat: repeat-x; } div#footer { background-image: url(img/bg2.gif); background-repeat: repeat-x; } ではだめですよね・・・ なるべくシンプルなソースがいいのですが、 お助けください。

    • 締切済み
    • CSS
  • cssのbodyの勉強をしているのですが

    http://www.mitsuike.ed.jp このサイト↑を使ってcssを勉強しているのですが、 http://www.mitsuike.ed.jp/common/css/common.css のcssのbodyで body { color: #666666; margin: 0px; padding: 0px; text-align:center; background: #F9F9F9 url(../images/bg.gif) repeat-y top center; } となっているのですが このサイトは color: #666666となっている程暗いグレーではないのでなぜなのか分かりません。 また、画像が置かれているhttp://www.mitsuike.ed.jp/common/images/bg.gif をrepeat-y top center;ということで 下方向に連続しているのでbodyの部分の背景になってるということは分かるのですが、 そこになぜ更に#F9F9F9と背景色を使用しているのかが分かりません。 これからcssを勉強して覚えていきたいと思っているのですが、こんな初歩的な事でつまって質問してしまい申し訳ありません。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • backgroundについて教えて下さい。初めて作ってます。

    backgroundについて教えて下さい。初めて作ってます。  cssテンプレートの backgroundのついて教えて下さい。  真っ白いテンプレをダウンロードしてホームページビルダーで編集しています。  素人なので、コピーを利用しながら作成途中です。  画像がついているサイトで「bodyからbodyにコピーして下さい」と書いてありました。  <style type="text/css"> <!-- body{ background-image: url(画像);  background-color : #000000;  background-attachment: fixed;  background-repeat: no-repeat;  background-position: right top; --> --> --> --> --> </style> </head> <BODY> 上記をコピーした所、プレビューでは綺麗にみることが出来ました。 テキストにリンク設定してある文字にカーソルをのせると赤色に表示されます。 カラー白と付け足してみても赤いままです。 外部cssというものかどうかすらわからないのですが、 テキスト部分にカーソルをのせて白く表示させることは出来ませんか? もし、やり方があるならば教えて下さい。 よろしくお願いいたします。

  • バックグランドイメージが表示できません

    <body id="top"> </body> css-------- body#top { background-image: url("images/background.gif"); } 上記のように書いたのでは、背景にイメージ表示できません。 使い方が間違っているのだと思うのですが、どのようにしたらいいのでしょう?何方かお分かりになる方、教えていただけませんか?おねがいします。

    • ベストアンサー
    • HTML
  • WEBページの背景に画像を連続配置する方法

    WEBページの背景に画像を配置したいと考えています。 bodyの途中から画像を連続で配置したいのですが、 以下のようにCSSで指定しても左上から連続で画像が配置されてしまいます。 ※上から175pxのところから連続で画像を出したいです。 background: transparent url(../images/bg.gif) repeat 0px 175px; background-positionを指定する場合、 background-repeatはno-repeatじゃないとダメなのでしょうか? 現状、bg.gif自体を画像を連続して配置したような 大きい画像にしてno-repeatで設置しています。 背景の途中から同じ画像を連続配置する方法を 教えていただければ幸いです。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • WindowsのFirefoxでの背景画像の表示(CSS)

    WindowsのFirefox(Ver.2.0.0.12)での背景画像の表示について質問です。 下記の様なCSSで、下寄せでX方向に画像を並べ、グラデーションで背景色と馴染むようなデザインにしたいのですが、背景色しか表示されません。 他のブラウザでは上手くいくのですが、原因がわかりません。 Dreamweaverで作っております。 body { background-image: url(img/site/bg.jpg); background-repeat: repeat-x; background-position:bottom; background-color: #826243; } どなたかご教授いただけませんでしょうか。 宜しくお願いいたします。

    • ベストアンサー
    • CSS
  • CSSでの背景の指定について質問いたします。

    CSSでの背景の指定について質問いたします。 background: url(../img/bg.gif) 0 -36px repeat-y; この場合の、0 -36px はどのような意味ですか? 背景画像の位置の指定なのでしょうが、具体的にどのように指定しているものなのか 教えていただけませんか? よろしくお願いいたします。

  • 背景に複数の画像を入れることは可能でしょうか

    HTML、CSSの初心者の者です。 下記のように、CSSで背景に画像back1.gifを右上に入れているのですが、画面の右下にもう一つの画像back2.gifを入れることは可能でしょうか? もし可能なら、方法を教えて下さい。 初心者向けに易しくご説明頂けると幸いです。 body { background-color:yellow; background-image:url(image/back1.gif); background-attachment:fixed; background-repeat:no-repeat; background-position:right top; }

    • ベストアンサー
    • HTML
  • 背景画像を二つ指定

    こんにちは。 全体の背景画像(斜めストライプの柄)と、 コンテンツ部分に背景画像(白で両サイドに線)を別々に指定したいのですが、 IEではうまく表示されましたがNetScape、Firefoxでは真ん中の画像が表示されません。。 URLはこちら http://ic.web6.jp/portfolio/rigtig.html 全体の背景はbodyに、 コンテンツにはdiv要素にrepeat-yで背景をそれぞれ指定しました。 どうすればIE以外でもうまく表示されるでしょうか? 背景を指定しているCSSはこちら body { width : 762px; margin : 0 auto; background-image : url("images/top_bg.gif"); line-height:1.4; font-size:10pt; } div#wrap{ width : 762px; background-image : url("images/body_bg2.gif"); background-repeat: repeat-y; }

    • ベストアンサー
    • HTML
  • 背景イメージの重ね表示

    こんにちは。 MTを使ってテンプレートを作っているのですが、サイドバー全体の背景の上に、別な背景を表示させようとしています。 例えば以下のようなかんじです。 <style type="text/css"> .bg {  background-position: left;  background-repeat: repeat-y;  background: url("./img/bg.gif"); } .fg {  padding-bottom: 100px;  background-position: bottom;  background-repeat: no-repeat;  background-image: url("./img/fg.gif"); } </style>       :       : <!-- ▼サイドバー▼ --> <div class="bg">   <div class="fg">       :       :   </div> </div> <!-- ▲サイドバー▲ --> IE だと全体の背景が前面にでてしまい、ホントは前面に表示されて欲しい別な背景が消されてしまい困っています。※Firefox などでは問題ない。 サイドバー全体の背景の上に別な背景を表示させたい場合には、どのようにすればいいのか教えください。 よろしくお願いします。

専門家に質問してみよう