タグ

関連タグで絞り込む (6)

タグの絞り込みを解除

角丸に関するsippuのブックマーク (2)

  • [CSS]角丸を少しでも滑らかに実装するスタイルシートのテクニック

    CSS3で実装する角丸を少しでも滑らかにするスタイルシートのトリックをsitepointから紹介します。 How To Get Smoother Rounded Corners デモページ この現象は主要な各ブラウザ全てでおこる現象で、特にSafari(Mac)では顕著に現れます。 上記キャプチャはそのSafari(Mac)のもので、下記はそれを拡大したものです。 角丸の拡大 この現象は特定のカラーの組み合わせで生じるもので、特にオフホワイトの背景に対して明るいボーダーと暗いバックグランドを指定した際に見られます。 これを少しでも滑らかにするためのトリックを紹介します。 ビフォー HTML

    sippu
    sippu 2010/04/16
    これはすばらしい
    リンク

  • 1px欠けの角丸ボックスをCSSだけで作る方法｜web bibo

    スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:

  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.