cssborder-radiusこれなしではサイト制作はできないぐらい多用している日々でございます。ベンダープレフィックスもいらなくなったとこころでIE8にも対応させるべくまとめておきます。border-radiusって?手っ取り早く説明すると角を丸くするためのプロパティです。class="b-radius-a">角丸ですー。#000;border-radius:10px;}もっと細かく基本、値を1つ指定すると4つの角を丸くしてくれますが、他にも以下のような指定方法があります。●半角スペースで区切って値を4つ:4つの角を個別で指定できます。右下を個別に指定できます。右上と左下を個別に指定できます。右上と左下;水平、垂直を個別に指定CSSborder-radius:20px/10px;1border-radius:20px/10px;のように「水平/垂直」とすることで水平、垂直(縦横)の丸みを指定できます。15px;のように書きます。ベンダープレフィックスすでにchromeやFirefox、IE9、IE10はベンダープレフィックスなしのborder-radiusで大丈夫です。IE8などのレガシーブラウザに対応する方法そもそも角が丸いか尖ってるかで操作性等に支障はないと思います。実際ボクも気にしてません。PIEを利用する方法があります。PIEまとめやっぱりネックになるのはIEですね・・・クライアント様でも未だにIE7を使ってる方もいらっしゃいますし、このブログの閲覧者もIE7が全体の1%、IE6も1%います。関連記事[Sass]Sass初めて2週間のおじさんが基本をまとめてみるSass面白いよー。SCSSで書いてくよー。コンパイ...記事を読む[Compass,CSS3]CompassのCSS3モジュールをまとめてみた(2)予定は未定でしたが2度めの更新ですよ。今回は「あ~見たことある~」的なところでいくつかピックアップしてみました。tr...記事を読む[CSS]そろそろFlexboxをまとめてみるIE10のシェアも全体の1%を切ったということで、そろそろガンガンFlexbox使ってもいいかなと思ったり思わなかったり。言うことでliを横並びにした角丸なナビゲーションを作ってみました。本来ならliの最初と最後にクラスでも付け...記事を読む[CSS]first-childとlast-child、どっちを使うの?first-childでしょ!とまータイトルで結論まで言っちゃってますけどね。CSS大好きなみんなは常識だよね。last-childじゃなくてfirst-...記事を読む[CSS]WEBだって印刷するんだ!どうでもいいけど切り取り線とか作っちゃうよ!しばらくぶりの更新。書きたいネタはたくさんありますが、そんな中から厳選して今後絶対使わないであろうネタをメモ。Sass]Compassでコンパイルしようとしたときにエラーが出たらどうすんの!まー色々起こるもんですね。ヒラギノ角ゴとかメイリオとかM...記事を読む[CSS]同じサイズのボックスを横並びにするときのコツネガティブマージンってイヤですね下山です。写真のサムネイルを並べてクリックで拡大とかよくやるじゃないですか!やるじゃないです...記事を読む[CSS]ディスプレイサイズが変わっても背景画像を画面いっぱいに表示する背景画像を画面いっぱいに表示する=jQueryって思われがちですけどCSSで十分いけまっせ。言ってもbackgroundで...記事を読む[sass,css,メディアクエリ]sassでメディアクエリを書くときに簡単だなって思った方法スマホ対応、タブレット対応のWEBを作るときに使われるレスポンシブWEBデザイン。これはメディアクエリが必須となっています。