ユーザー登録ログインヘルプ next> <prev Trackback - http://f.hatena.ne.jp/maRk/20110428214305規約違反を通報する はてなフォトライフ / はじめての方へ / はてなブログ
スタイルシートだけで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:
Nifty_Cornersに関する議論 - 徒委記 元記事であるNifty CornersはWeb標準にHTMLをcleanに保つことについても配慮しており、最終的には、HTMLに余計なマークアップを加えることをせず、角を丸くするのに必要な要素はクライアントサイド(ブラウザ側)でDOM(Javascript)を用いて加えるという手法をとっています。 But we love webstandards and semantic markup and we'd like to maintain the HTML clean and light. しかしながら日本語で紹介される過程で、DOMを使う部分が抜け落ち、HTML + CSSだけの部分が広まっていたようでした。そのためか、批判的意見でもDOMを使う点についてはあまり言及されていないように見えます。 個人的には「HTML文書には余計なマークア
Rounded corners are css hell, and even though they've been around for a while it's still quite hard to find a neat solution to implement them. You could use wrapper divs (excessive html) or the css3 border-radius property (hardly perfect either), but whatever you do, they always end up making your job harder than it should be. This article will focus on a little trick to make the implementation of
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く