[B! サムネイル][CSS] simsonsのブックマーク

simsons id:simsons

サムネイルとCSSに関するsimsonsのブックマーク (2)

第19回　サムネール画像をCSSで整然と並べる - MdN Design Interactive
ある日、ふと碁盤の目のごとくサムネール画像をCSSで整然と並べたいと思った。悩むくらいならいっそテーブルでレイアウトしてしまいたいと考えがちだ。しかし、そう結論づけるのは早計だ。もっと簡単で管理しやすいレイアウトがCSSなら実現できるのだから。余白を余り設けずに一気にサムネイルを並べる場合、余白とは別に画像の縁に対して白か、白に近いグレーなどの明度の高い無彩色を与える。サムネイルがカラフルだと、画像同士が近づいたとき色の対比効果で思った以上に画面全体が派手になってしまう。白い縁取りはこうした色の衝突を和らげる効果がある。
simsons 2008/03/25
CSS

サムネイル
リンク
CSS_XHTML_TIPS:CSS-TIPS　CSSで作るテーブル風サムネイルイメージ
最近はDTPのお仕事がメインです。名刺、DVDケースデザインなど忙しくしておりました。昨日はブログで知り合った隣々町の床屋さんに散髪にいってきました。共通の趣味があり話もはずみ、楽しかったです。さて今回はCSSで作るテーブル風サムネイルイメージということで、通常はテーブルでレイアウトする画像サムネイルですが、リストによるCSSでの制御でXHTMLソースもすっきり。 XHTMLソース <ul id="thmbnlImg"> <li><img src="img/img001.jpg" /></li> 〜中省略〜 <li><img src="img/img015.jpg" /></li> </ul> CSSソース ul#thmbnlImg { list-style-type: none; width: 500px; height: 300px; margin: 0px
simsons 2008/03/25
CSS

サムネイル
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx