2011年7月14日(木) 16時35分54秒 [仕事]

リンクをボタン型（角丸グラデーション）に装飾する方法

ウェブ上のリンクを、（スマートフォン向けに）指で押しやすい「ボタン型」に装飾する方法を解説した記事を All Aboutで公開しました。

■スマートフォンで押しやすいボタン型リンクを作るCSS（＠All About ホームページ作成）

CSS3で追加された、ボックスの角を丸くする「border-radius」プロパティと、グラデーションに塗る「liner-gradient」を活用しています。
……とはいえ、実際には、ベンダープレフィックスを追加した各ブラウザ独自の書き方を併用しているんですが。

スマートフォン向けのウェブサイトを作る記事シリーズの1つとして公開していますが、ここで紹介しているデザインは、PC向けページでも活用できると思います。
まあ、今のところInternet Explorerでは、望み通りの表示が難しい（orできない）問題はありますけども。ブラウザの種類が限られている点で、スマートフォンの方が作りやすいです。