WEB修業中☆

練習|角丸で縦横に可変する枠をCSSで組む

縦横可変の練習です!
※CSSはhead内に書いてあります。


まずは縦可変。
サンプル01(縦可変)
使ってる画像はこんな感じの3枚。
20091125_01.gif


次は横可変。
サンプル02(横可変)
使ってる画像はこんな感じの3枚
20091125_02.gif


最後に、縦横可変。
サンプル03(縦横可変)
使ってる画像はこんな感じの8枚。
だからdivも8個使ってます(わお!
20091125_03.gif


※20100127 このままだと、複数並べたりすると崩れることが判明。修正しました。(でも、これもあやしい。。。)

  • 25.11.2009
  • 投稿者名mayumi
  • コメント(0)

コメントする

(必須)上のスペースに表示されている文字列を下のフィールドに入力してください。

▲ top