posted on: 2019年11月12日 CSS

WEBデザインで三角形を作る方法まとめ

WEBサイトのデザインで三角形を作る方法をまとめます。 方法は大きく分けて、下記の3パターンがあります。 画像で作る方法 CSSで作る方法 テキストで作る方法 それぞれの方法と、使いどころ、メリットデメリットを解説してい続きを読む

ここフッター

Posted in CSS
posted on: 2019年10月6日 CSS

CSSで要素を上下中央にする方法まとめ

WEBサイトをコーディングしているときに上下中央にする方法に迷ったことはありませんか? 左右中央ならtext-align:center;かmargin:0 auto;で簡単にできますが、上下中央は少しテクニックが必要です続きを読む

ここフッター

Posted in CSS
posted on: 2019年9月10日 CSS

上marginか下marginか、どちらに統一すべきかの結論

WEB制作のCSS設計において、marginのルールを上か下かどちらに統一すべきかという議論は色々なところで行われてきました。 私もWEBサイトの制作を仕事にしてから10年ほどになりますが、この問題を日常的に考えてきまし続きを読む

ここフッター

Posted in CSS
posted on: 2019年4月25日 CSS

CSSで横並びにする方法3種類とその使い分け

HTMLで作るWEBページの要素は、基本的に縦積みになります。上に向かって重力がかかっているイメージですね。 そのため、要素を横並びにするには、なにかCSSで操作をする必要があります。 CSSで要素を横並びにする方法は、続きを読む

ここフッター

Posted in CSS