[CSS]ユーザーがクリックしやすいリンクのリストを作成するチュートリアル

Keep Margins Out of Link Lists 下記は各ポイントを意訳したものです。 HTML：スタイルシート無しの状態 CSS：リンクをブロックレベルに CSS：さらによい実装方法 [ad#ad-2] HTML：スタイルシート無しの状態 HTMLは非常にシンプルです。 文字数の異なるテキストリンクをリスト要素で実装します。 HTML <ul> <li><a href="#">リスト1</a></li> <li><a href="#">リストリストリスト2</a></li> <li><a href="#">リストリスト3</a></li> </ul> デモページ（当方作成） リストのアイテムはブロックレベル、リンクはインラインレベルになり、リンクのクリックできる領域はテキストの長さに依存するため、小さく窮屈なものになっています。 CSS：リンクをブロックレベルに a要素をブロ

[mkoji530]

iphone

[radiantsg]

["[web\u5236\u4F5C]", "[web\u30C7\u30B6\u30A4\u30F3]", "[\u30C1\u30E5\u30FC\u30C8\u30EA\u30A2\u30EB]"]

[kazukako32]

["[css]"]

[seiunsky]

これ、切れ目が無いとどこでリンク2に切り替わったかわからなくね。

[nors]

http://css-tricks.com/keep-margins-out-of-link-lists/

[ma-kun712]

これスマホ対応としてもよさそうだね。テキストリンク狙ってタップしてもよくはずすし。

[gonta02]

ユーザーがクリックしやすいリンクのリストを作成するチュートリアル

[manji6]

ul>liでAタグのリンクリストを作る場合