練習|角丸で縦横に可変する枠をCSSで組む
縦横可変の練習です!
※CSSはhead内に書いてあります。
まずは縦可変。
サンプル01(縦可変)
使ってる画像はこんな感じの3枚。
次は横可変。
サンプル02(横可変)
使ってる画像はこんな感じの3枚
最後に、縦横可変。
サンプル03(縦横可変)
使ってる画像はこんな感じの8枚。
だからdivも8個使ってます(わお!
※20100127 このままだと、複数並べたりすると崩れることが判明。修正しました。(でも、これもあやしい。。。)
- 25.11.2009
- mayumi
- (0)
カテゴリー
月別アーカイブ
- 2011年9月(1)
- 2011年2月(7)
- 2011年1月(5)
- 2010年12月(3)
- 2010年11月(1)
- 2010年10月(1)
- 2010年9月(3)
- 2010年8月(12)
- 2010年7月(22)
- 2010年6月(11)
- 2010年5月(12)
- 2010年4月(13)
- 2010年3月(16)
- 2010年2月(13)
- 2010年1月(13)
- 2009年12月(16)
- 2009年11月(33)
- 2009年10月(26)
- 2009年9月(12)
- 2009年8月(18)
- 2009年7月(45)
- 2009年6月(14)
- 2008年12月(2)
- 2008年11月(1)
- 2008年10月(1)
- 2008年9月(2)
- 2008年7月(2)
- 2008年6月(2)
- 2008年5月(2)
- 2008年4月(3)
- 2008年3月(7)
- 2008年2月(10)
- 2008年1月(20)
- 2007年12月(9)
コメントする