背景画像のレイアウトＣＳＳ

ハロウィンの特集ページを作っております。

背景のデザインを考え中で、背景をすべて画像にするか・・

CSSに追記する内容はコレ

background: url(/img/wall_haro_012.gif) left top;

 

背景に画像

 

 

 

 

 

 

 

 

左側だけに画像を入れるか・・

CSSに追記する内容はコレ

background: url(/img/wall_haro_012.gif) repeat-y fixed left top;

 

左端に画像

 

 

 

 

 

 

 

どうも両端に入れることはCSSだけでは難しいみたい・・・

画像を固定して作って背景画像として設定したほうが簡単みたいですぅ～

 

デザインイメージはかわいくしたいけど、時間もあまりかけられないので明日には決めなきゃって感じです。

 

ハロウィン専門店製作途中です。

 

【ＣＳＳ】　画像の周りに写真風の枠をつける

お仕事のWEBページに写真風の枠がある画像をつけたくて検索したところ、
こちらを見付けました。

http://www.webbibo.com/blog/htmlcss/photoframe.html

私はこの記述をちょっと修正させて頂きました。

*****memo*****

1.HTML記述方法

写真

2.CSS記述方法

.frame {
float: left;
margin: 0;
padding: 5px;
border-color: #BBBBBB;
border-width: 1px;
border-style: solid;
background-color: #FFFFFF;
}

.clear {
clear: both;
}

****memo****

clear:both;を設置したら、レイアウトが崩れてしまったので外しました。

今回はなくてもよかったようです。