- ベストアンサー
CSSで背景全体の設定方法とサイト本体の枠線がわかりません。
はじめまして。 現在CSS勉強中でサイトを作成しています。 なんとか枠組み自体はおぼろげながら作ることができたのですが、背景の色や画像の設定方法や、サイトそのもの？の枠線や背景画像の設定方法がわからなく困っております。 http://www.rigna.com/ たとえばこちらのサイトですと、大理石？のような模様の背景に茶色がかったグレーがサイトそのものの背景色として指定されています。 今回私はサイトそのものに左右と下部分に枠線を設定したいのですが、やり方がわかりません・・・ どうか教えていただけないでしょうか？
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
”サイトそのもの”がなにを指しているのか疑問ですが・・・ こんな感じ？ ====css==== body{ background:url(背景画像のURL); } #contener{ border-bottom:1px solid blue; //(意味：下部分に1pxの青の直線を引く) border-right:1px solid green; //(意味：右部分に1pxの緑の直線を引く) border-left:1px solid red; //(意味：左部分に1pxの赤の直線を引く) background-color:lime;(contenerBoxの背景をlime色にする) } ====html==== <body> <div id ="contener"></div> </body> ってな具合かな？ 参考のサイトでは、背景画像をリピートさせずに大きな画像一枚で表示させているみたいですけどね。デザイン上仕方ないでしょうが、ファイルサイズが大きくなることを考えると、褒められたやり方ではないでしょうね・・・
その他の回答 (1)
- 1412lovers
- ベストアンサー率40% (58/144)
こんな感じですか？ <style type="text/css"><!-- body{ border-style: solid; border-width: 10px; border-color: #000000; border-top:0px; } --> </style>
お礼
ありがとうございます。 なんとか作成できました！ 本当にありがとうございました！
関連するQ&A
- CSSでの枠線付きの丸角ボックスの作り方
テーブルタグを使わずに CSS で枠線付きの丸角ボックスを作成するには、どのようにしたらいいでしょうか。 ・背景色 #FFFFFF ・前景色 #FFFFFF ・枠線色 #CCCCCC ・枠線の太さ 1px ・丸角の半径 5px ・ボックスの横幅は固定ではなくパーセントで指定したい。 よろしくお願いします。
- ベストアンサー
- HTML
- 消えた枠線をもとに戻す方法
Excel2010です。 セルを全選択して セルの背景色を例えば、白色に設定します。 するとセル間の枠線も白色になり消えてしまいます。 これを元に戻したいのですが 罫線のところで枠を選んだでも元と同じ薄いグレー色の枠線をつけることができません。 どうすれば良いでしょうか？
- ベストアンサー
- Excel（エクセル）
- CSSで左右の背景が異なる設定方法
添付している画像のように左右の背景が異なるCSSを作成したいのですが、 下記のサイト等を参考にしましたが、FFとOperaのみ表示され、 GoogleChromeやIEその他のブラウザでは表示されません。 http://www.webopixel.net/javascript/517.html お分かりになる方どうぞご教授ください。 よろしくお願いします。
- ベストアンサー
- CSS
- 四角い角が丸い枠線内にコンテンツが入れる正しい方法
角が丸く四角い枠線を作り、 その中に画像やコメントを入れたいと思っています。 イメージ的には添付ファイルのような感じです。 プログラムでその枠線を作れるなら背景画像を使わずに 画像とコメントをそれぞれhtmlに入力したいと思いましたが、 その方法はありますか？ 自分がやった方法は、 画像とコメントの全てを枠線で囲い方が分からなかったので、 枠線と枠線の中に入れる画像をまとめた画像を1枚作り、 それを背景画像として表示させました。 コメントだけをhtmlに入力し、marginで位置を設定しました。 しかし、ページの下側に5000px以上の余白ができてしまいます。 背景画像を設定したときに、 コメントの配置位置をmarginで設定するのは間違いでしょうか。
- ベストアンサー
- HTML
- PowerPointの画面全体に、枠線を付ける
PowerPointのスライド、 その画面全体に、枠線を付けたいです。 付ける枠線は、好みの色を付けたいです。 テキストボックスの枠線を付ける方法は、出てくるのですが、 背景、画面全体に枠線を付ける方法が出てきません。 どのようにすればできるでしょうか？ PowerPoint２０１６です。 よろしくお願いいたします。
- ベストアンサー
- PowerPoint（パワーポイント）
- CSSでの背景画像の設定について
CSSでの背景画像の設定について質問です。 参照ページ（http://www.balmuda.com/jp/）のような、メニューバーやフッター部分の背景画像が画面いっぱいに広がるようなページを作成したいと思っているのですが、CSSでの配置で問題があったので質問させて頂きます。 以下のようなdivを作って、wrapper部分に背景画像を設定しました。 <topmenu-wrapper> メニューバー部分の背景画像を指定 <topmenu> margin0 auto;で画面中央に配置 <contents-wrapper> コンテンツ部分の背景画像を指定 <contents> margin0 auto;で画面中央に配置 <footer-wrapper> フッター部分の背景画像を指定 <footer> margin0 auto;で画面中央に配置 floatを使うまでは、思ったような表示が出来ていたのですが、 floatをcontentsの中などで指定し始めると、レイアウトが崩れてしまいました。 clearfixなどで、対処しても、レイアウトが崩れたままです。<margin: 0 auto;がきかず、画面中央に配置されなかったりと。。＞ 解決策を教えて頂ければ幸いです。よろしくお願い致します。
- ベストアンサー
- HTML
- ＣＳＳで左右の背景色を指定したい
ＣＳＳでページを作成しているのですが、左右の背景色をかえたページにしたいと思ってます。 そこでＣＳＳで指定した範囲に左右に別々のＩＤを指定しているのですが、この場合要素の部分のみしかＣＳＳでしていしたbackground-cplorが表示されません。 heightで指定してもいいのですが、 要素が延びる可能性もあるので表示幅に合わせて背景を表示させるのはどう指定したらよいでしょうか？
- 締切済み
- CSS
- css背景のサイズをiPhoneで変えない方法
cssで背景画像を指定した際に、画像が大きいと、 iPhoneなどでは勝手に縮小されてしまいます。 この背景のサイズを勝手に変更させない方法はありませんでしょうか。
- ベストアンサー
- ブラウザ
- cssで背景の幅を設定
cssで背景の幅を設定 GIGAZINE< http://gigazine.net/ >の各タイトル（黄色の背景）のように、文字の背景を一番右までになるように設定するにはcssをどういじればいいのでしょうか コードを読んでみてるのですが、特にかわったことをしている部分を見つけられませんでした 普通にbackground-colorを書くと普通に文字の部分だけに背景色が入ってしまいます
- ベストアンサー
- CSS
お礼
ありがとうございます。 また返事が遅くなりもうしわけありません。 見事できました！ 本当にありがとうございました！