Borderを装飾に使う / CSSメモBorderはCSSの基本的なプロパティのひとつで、要素の周囲に枠線を引くという装飾としては単純なものです。しかし、上下左右の枠線に別々のスタイル・太さ・色を指定できるので、工夫すれば画像を使わなくてもちょっとしたアクセントとして十分に使えます。 また、Background-colorやBackground-imageと組み合わせると、一層の効果が望めるでしょう。最初はCSS上級者のデザインを見て真似てみるのがいいと思います。 しかし、とりあえずこのページでは画像を使わずにどこまでできるか試してみたいと思います。僕みたいに絵心のない人間にとってはアイコン一つ作るのもかなりの難業ですし。また、配色は別問題なので今回はモノクロで例を作ることにします。 Borderによる装飾の例
