タグ

ブックマーク / www.ezgate-mt.sakura.ne.jp (1)

  • 角丸背景を画像1枚で実装

    角丸背景を画像1枚で実装 CSS2008年11月30日 よく使う角丸背景のデザインですが、実は1枚の画像だけで実装することが可能です。 CSS 任意のIDまたはclass{ background:url(/任意のパス/round.gif) left bottom no-repeat; padding-bottom:10px; } 任意のIDまたはclass div{ background:url(/任意のパス/round.gif) left top no-repeat; } 任意のIDまたはclass div p{ padding:10px 10px 0 10px; } HTML <div class="任意のクラス名"> <div> <p>1枚の画像だけで角丸背景を実装しています</p> </div> </div> divが入れ子にはなりますが、逆にいればデメリットはそれのみで、いちいち

    kyuns
    kyuns 2009/08/20
  • 1