はじめまして。
現在CSS勉強中でサイトを作成しています。
なんとか枠組み自体はおぼろげながら作ることができたのですが、背景の色や画像の設定方法や、サイトそのもの?の枠線や背景画像の設定方法がわからなく困っております。
http://www.rigna.com/
たとえばこちらのサイトですと、大理石?のような模様の背景に茶色がかったグレーがサイトそのものの背景色として指定されています。
今回私はサイトそのものに左右と下部分に枠線を設定したいのですが、やり方がわかりません・・・
どうか教えていただけないでしょうか?
No.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>
ってな具合かな?
参考のサイトでは、背景画像をリピートさせずに大きな画像一枚で表示させているみたいですけどね。デザイン上仕方ないでしょうが、ファイルサイズが大きくなることを考えると、褒められたやり方ではないでしょうね・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセル 値をコピペした時に、条件付き書式で塗られた背景色もペーストさせる 2 2023/04/05 17:21
- Windows 10 zoomで自分の顔の背景 3 2023/06/07 22:34
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- その他(Microsoft Office) googleスプレットシートで左右の数値を比較して色判別させたい 2 2022/06/06 18:33
- フリーソフト GIMPの使い方 1 2022/07/11 13:52
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- Windows 10 壁紙フォルダが表示されない 1 2022/11/16 21:58
- その他(ブラウザ) zoomのバーチャル背景が選べない 4 2022/12/08 12:38
- PowerPoint(パワーポイント) PowerPointの背景について 1 2023/03/12 15:22
- 一眼レフカメラ SONY5100を使っています。 カメラ初心者です。 人物(モデルさん)などを撮る時 綺麗に撮れる設 3 2023/05/19 22:54
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像とその下にあるテキストの...
-
background-sizeでcontainする...
-
<hr>の縦バージョンはありますか?
-
background-repeat CSS で切れ...
-
IMGタグで画像の繰り返し使用は…
-
同じ画像 複数回使用
-
CSSで背景画像をランダムに表示...
-
CS2はWebデザインのソフトとし...
-
htmlかcssで背景の白い枠をなく...
-
画像ははみ出すけど文字ははみ...
-
lightbox2で画像を天地左右中央...
-
マウスオーバーで透明の白い幕...
-
要素の幅をいろんな写真の幅に...
-
【至急お助け!】チェックボッ...
-
htmlホームページ作成について...
-
HP作成 作成した画像を動画の上...
-
画像横の余白をなくしたいんで...
-
画像上に文字を表示するとiPhon...
-
フォームやテキストエリアの背...
-
PDFの保存ボタンが表示されません
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の上にテキスト配置で、拡...
-
画像とその下にあるテキストの...
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
【Webサイト】画像が小さく表示...
-
background-repeat CSS で切れ...
-
htmlかcssで背景の白い枠をなく...
-
background-sizeの背景で最小値...
-
lightbox2で画像を天地左右中央...
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
IMGタグで画像の繰り返し使用は…
-
iframe内をクリックさせない方...
-
同じ画像 複数回使用
-
画像上に文字を表示するとiPhon...
-
background-sizeでcontainする...
-
ページの上下に白い横線が入る
-
コーディング中、右側に謎の余...
-
画像を複数横に並べ、かつそれ...
おすすめ情報