Webデザイン角丸は正義だぁ!と言うことでliを横並びにした角丸なナビゲーションを作ってみました。本来ならliの最初と最後にクラスでも付けてやりそうなもんですが、CSS2で定義された:first-childと:last-childを使ってみたいと思います。CodePen.0first-child擬似クラスfirst-child擬似クラスはある要素内で最初に出てくる子要素にスタイルを適用します。サンプルコードは最初に出てくるliの子要素aの左上と左下の角を10px丸くしてることになります。同じようにlast-child擬似クラスは最後の子要素になります。まとめ便利なんですけどこれもIE9+なんですよね。ブログネタ的にはいいんですが実用性(IE対応)がないのが玉に傷。関連記事[CSS3]transitionのまとメモ昨夜は会社で寝てました。「え?え?え?どこ?いつ?なんじ?」な状態です。Use...」ですが最近またググッてくだらないページにお越しいただいている方が見受けられますの...記事を読む[CSS3]p要素とtext-overflowを使ってキレイにレイアウトする背中に蕁麻疹。うまい具合にイスの背もたれで心地よく掻いています下山です。CSS」でステキサイトマップそういえば鹿児島は梅雨入りしました下山です。Sitemap...記事を読む[Compass,CSS3]CompassのCSS3モジュールをまとめてみた(随時更新予定は未定)自分ノートとしてCSS3モジュールをまとめてみるわけさ。絶対使いそうなもの3つから。ダウンロードしてきて日本語流し込むとダサイト...記事を読むFireworksスタイルライブラリで簡単ボタン作成CSS3でボタン作ろうぜ!的な記事を前々回ぐらいに書きましたが、今日はFireworksでボタン作ろうぜ!的な記事です。いうわけで作ってみました。...記事を読む[CSS3]border-radiusほぼ最終まとめ(IE対応)border-radiusこれなしではサイト制作はできないぐらい多用している日々でございます。