擬似要素:beforeを使って作るクリアボタン｜株式会社アクトゼロ｜クリエイティブブログ今回はcssの疑似要素 ：beforeを使ってクリアボタンを作ってみようと思います。 HTMLはきちんと書きたいけど……なにか装飾的なものを加えたい。 そういった時に便利なのが擬似要素です。 まずは疑似要素についてですが、 疑似要素というのはcss2からついている機能で 特定のセレクタに対して、文字通り擬似的に要素を用意するというものです。 もうひとつcssには疑似クラスというのがあり、それは:hoverとかが有名でね。 これだけだととてもざっくりとした説明になってしまうんですが、このあたりの詳しい説明は http://w3g.jp/css/guide/pseudo を参考にしてもらえればと思います。 ということで早速作っていきます。 今回作成するのはクリアボタンです。 デモ ※css3を使用しているため,ie9までが挙動対象となってますがご了承ください。 1.どの要素でどの形が出来ている
