リストに1pxのラインを追加するだけで、印象がぐっとよくなる

#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみる このリストに1本ラインを加えるだけで全然印象が変わってきます。試しに下に白いラインを追加してみます。 #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord

[tsutom3626]

これは、とても参考になります。

[aeka]

しゅっとして好きだ

[kzhvsonic]

凹んだ線は border-style:groove; border-width:2px; でやってたけど、この手法は明るい色と暗い色を自分で決められるところがいいのか。

[confuru]

”なぜか細く見えてシャープな印象がします。”じゃなくて、なんでキレイに見えるのかを語らないといかんよ。

[seteoceano]

リストに1pxのラインを追加するだけで、印象がぐっとよくなる

[takefour]

インターネットエクスプローラーがどれだけダメブラウザかわかるwww。

[platypus0114]

真似しますかー！

[chago]

[webデザイン[ul]

[typista]

ぽけったー リストに1pxのラインを追加するだけで、印象がぐっとよくなる

[Yam-Nam]

　tableラインのエンボスをcssでつける

[siriusjack]

凹んだラインも作れる。

[akihisasakata]

”あき”－－－－■■■■■■■■■■■■■ブログテクニック★■

[attoku]

わかりやすい

[norip44]

1pxを意識する。そこができるかどうかが、Webデザインにおける、プロとアマチュアの違いの一つ。

[macj_jp]

メモ [RT 220 ]リストに1pxのラインを追加するだけで、印象がぐっとよくなる｜Webpark

[richard_raw]

分かりやすくて勉強になります。

[masa6127]

ピンときた

[M321]

リストに1pxのラインを追加するだけで、印象がぐっとよくなる｜Webpark

[balor]

html

[XIAORING]

list border

[droost]

リストライン

[shotawatanabe]

CSSプチテクニック

[bassman1989]

恥ずかしながらこれはかんがえつかなかったー！

[miyan1ban]

1PX・デザイン

[creaism]

RT hatebu: リストに1pxのラインを追加するだけで、印象がぐっとよくなる｜Webpark

[sgtakeru]

CSSを使って1pxのラインを見栄え良くする。記事にはテクスチャのサンプルや、transitionの説明もある

[mkto118]

やってみる。

[koutss]

ブログ

[nekoaqua]

リストに1pxのラインを追加するだけで、印象がぐっとよくなる｜Webpark

[adsty]

1pxラインのリストのサンプルを紹介。

[blueboy]

２行以上になるような長い文に下線が入るとおかしくなるから、区別するために　div id　で区別する必要がある。→　いろいろ面倒ね。プロでなければ、やる気にならん。

[invent]

リストに1pxのラインを追加するだけで、印象がぐっとよくなる｜Webpark

[toguo]

最後のアニメーションする方法は便利

[jebelxc2002]

アイラブ1px！