テキストの量によって長さが変わるボタンを組んでみた
いままで、テキストの量によってボタンの長さを変えるなんてできないと思ってたんですが、下記の記事を発見したので実際に組んでみました。
Lesson 10 テキストの長さに応じて幅が伸縮するボタン - Webデザイン表現&技法の新・スタンダード・デザインパーツ編 - MdN Design Interactive
私の場合は背景の画像を3つ使っていているので、spanが2個入れ子になっています。
CSS3でやるのとどっちが早いのかなぁ...とか、文字が大きくなった時にくずれちゃうなぁ...とか思いますが、コーディング上、無理だと思っていたのが実現できたのでビックリです。
- 24.07.2012
- mayumi
- (0)
カテゴリー
月別アーカイブ
- 2012年7月(5)
- 2012年5月(1)
- 2012年3月(4)
- 2012年2月(1)
- 2011年12月(1)
- 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)
コメントする