タグ

ブックマーク / css-el.seesaa.net (1)

  • 背景画像の表示方法-基本編

    今回は、「角が丸い背景(角丸)の実現方法」をご紹介していきます。 サイドメニューや、コンテンツをグループ毎に表示する際など、 角が丸くなっている枠で囲まれているページを見たことがあるかと思います。 この角が丸くなっているボックスのことを通称「角丸」といいますが、 みなさんはこの角丸をどのようにコーディングされていますか? css3では、角を丸くするスタイルや 1つの要素に複数背景画像を設定することができますが、 まだ策定段階(対応していないブラウザがほとんど) のため、今回は触れません。 角丸の実現方法はいくつかあると思いますが、 私からは下記の3パターンご紹介します。 ・分割なし ・2分割 ・3分割 (通常はこちらを使用) 「分割なしのパターン」 これは、普通に背景に設定するだけのパターンです。 (htmlコーディング例) <div class="entry1"> テキスト<br />

    背景画像の表示方法-基本編
  • 1