[XHTML+CSS]CSS Spriteで表現する角丸2 | Commit Lab

暮らしカテゴリーの変更を依頼記事元:

commitlab.com

10 usersがブックマークコメント

コメント

3

記事へのコメント3件

注目コメント
新着コメント

ku_marin 試したい

css

2012/02/07 リンク

soma1080 CSS Spriteを利用した角丸表現

css

2010/03/02 リンク

artzt 文字のサイズに応じて拡大/縮小するCSSボックス

2009/03/03 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

[XHTML+CSS]CSS Spriteで表現する角丸2 | Commit Lab

今回の記事は2008-12-07[XHTML+CSS]CSS Spriteで表現する角丸 | Commit Labの続きです。これはCSS Spri... 今回の記事は2008-12-07[XHTML+CSS]CSS Spriteで表現する角丸 | Commit Labの続きです。これはCSS Spriteというテクニックを利用して作った角丸boxです。シンプルな記述のhtml+CSSと一枚の画像で角丸を表現しています。文字の拡大にあわせてboxの縦が伸縮しますので、すぐにフレキシブルな角丸を表現出来ます。またデザインにおいても、htmlとcssのみで作られているので思いのままに装飾する事ができます。今回は前回の問題点を修正しました。h2のheightをpxで固定していたのはやめて、line-heightのみで高さを調整しました。これで文字を拡大しても、H2から文字がはみ出す事はありません。またH2にbackground-colorを与え、どれだけ拡大しても背景が途中で途切れないようになりました。それに伴いCSS Spriteの画像

ブックマークしたユーザー

ku_marin2012/02/07
maua2010/03/03
soma10802010/03/02
WebDesignScrach2010/03/02
miz_machimusume2010/03/02
leftyfox2010/03/02
masafumi04262010/03/02
artzt2009/03/03
fm3152009/02/28

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

設定を変更しましたx