デザインに関する記事

画像を少し凝って見せたいとき、１つ１つ画像を加工するのは大変です。 CSSを使って手軽に一括加工してみましょう。 この画像をもとに作ってみます。 シンプルな写真風に画像を装飾する HTML CSS シンプルですね。 ...

コンテンツの行数が多いページでは、フッターはページの下部に表示されますが コンテンツ内容が少ないと、コンテンツとともにフッターが上に来てしまいます。 CSSを使って、フッターを常にページの下部に表示する方法を紹介します。 HT...

画像（img）に対してwidthやheightを使って縮小すると、 IEではバージョンによってはギザギザで汚い画像になってしまいます。 これは画像縮小の方法が違うことが原因です。 CSS CSSにこの１行を追加することで綺麗な画像...

前回の記事（【CSS】floatを使って要素を横並びにしたい）ではfloatを使った 要素の横並びについて紹介しました。 回り込みの解除はclear:both;を指定した要素を下に置く方法をとっていましたが、 他にも「clearfix...

横並びにする方法はいくつかありますが、floatを使って回り込ませることで リストやブロックを横並びにすることができます。 float要素を浮動化させ、右か左に寄せるプロパティです。 floatを使って要素を横並びにさせる CSS...

CSSを使ってブロック要素を中央に配置したいときは、 中央配置したいブロックの幅をwidthで決めた後、左右のmarginをautoにします。 上下のmarginの値は任意でかまいません。 margin要素に対して外側の余白を指定する...