cloudy style

cloudy style

CSSデザイン随時更新。

コーディング勉強中のため、初歩・基本的なものから。

Amebaでブログを始めよう!


midoriのブログ-b1

クリエイティブに生きたい。



ECサイト構築をやってる

会社の先輩にすすめられて

コーディングを勉強中。

CSSって

ムズかしいけどオモシロい。




/*今日のCSSレイアウト  両サイドの影をつくる方法*/


midoriのブログ-b1a


画面サイズは1024pxとして


影を含めない真ん中のコンテナサイズの部分をwidthで指定して

両サイドの空白のサイズをmargin指定する。

そして、コンテナに背景画像を入れてセンタリングする。

画像は


midoriのブログ-b1b

これをrepeat-yで繰り返し表示にする。



CSS例-----------------------------------------


#Container{
margin: 0 87px;
width:850px;
background: url(画像の名前);
background-repeat: repeat-y;
background-position: center;
}