バレンタインデーにまだ間に合う！ブログやサイトをチョコレート色に彩るCcSSの実装 / SQUEEZE - Web Design Studio -巷ではバレンタインデー間近という雰囲気ですが、特に予定のない私からみなさまへのちょっと早いチョコレートの贈り物です。 「CcSS」聞き慣れない見慣れないワードだと思いますが ブログやサイトをチョコレート色に彩るには大事な技術となります。 そうそれは 『Chocolatecoating Style Sheet』 ・・・・・・ ・・・・ ・・・ ・ ・・・はい、それでは以下にご紹介します。 IE8くんのこと前から・・・(*^.^*) サンプルとソースを見る » 「border」の上3px、左右5px、下12pxの幅と色を調整することで立体的な表現をしています。また、擬似要素の「:before」「:after」に「border」で作成した台形を配置して切り込みを再現。台形の作り方はこちらをご覧ください。 ・アクセントに使えるCSSのborderと擬似要素を使った立体的な見出しデザイン でもIE8
