CSS

Webサイトでリンクや見出しに**アンダーライン（下線）**をつけたいとき、CSSを使うととても簡単に実現できます。でも「ただの線じゃ物足りない」「おしゃれにアニメーションをつけたい」「他のサイトで見たようなカッコいい下線を作りたい」という...

Webページを作っていると、「デザイン上スクロールはさせたいけど、スクロールバーだけは見せたくない」そんなケースがあります。モバイルっぽいすっきりしたデザインにしたい時や、カスタムスクロールバーを作りたい時など、標準のスクロールバーが邪魔に...

Webサイトを作っていて、HTMLの<table>（表）を中央に寄せたい場面は意外と多いです。でも「テーブル全体を中央寄せしたい」「中の文字を中央にしたい」「縦にも中央寄せしたい」など、どのケースかによってCSSの書き方が変わるので混乱しが...

「画像やボタンを横に並べたいのに、うまくいかない…」「floatやinline-blockは崩れやすくて面倒」そんな悩みはありませんか？今やCSSで要素を横並びにするなら、**flex（フレックス）**が最も簡単でおすすめです。この記事では...

「レイアウトをきれいに並べたいのに、floatやpositionでは崩れやすい…」「もっと簡単に横並びや中央寄せをしたい」そんなときに大活躍するのがCSSの**flex（フレックス）**です。flexを使えば、HTML要素を簡単に整列でき、...

HTMLでホームページを作るとき、見た目を整えるのに欠かせないのが**CSS（シーエスエス）**です。でも、実際にCSSを書いていると「あのプロパティ、何だったっけ？」「毎回同じようなコードを検索している」「もっと効率的な書き方があるはず」...

CSSでWebサイトをデザインしていると、「このクラス名、どう付ければいいんだっけ？」「もっとルールを決めて統一感を出したい」と悩むことはありませんか？実は、多くのWeb制作者が最も時間を費やしているのが、このクラス名の命名なんです。「コー...

Webページを作っていて、「スクロールバーの色を変えたい」「もう少し細くしたい」「そもそも見せたくない」と思ったことはありませんか？美しいデザインのWebサイトを作っても、ブラウザデフォルトの武骨なスクロールバーがあると、一気に野暮ったい印...

Webページを作っていて「このボックス、もう少し右に寄せたいな」「上下にスペースをつけたいな」「要素同士がくっつきすぎて見づらい」と感じたことはありませんか？CSS初心者の多くが「レイアウトがうまくいかない」「思った通りの配置にならない」と...

Webページを作っていると「文字や画像をふわっとスライドしながら表示させたい」と思うことはありませんか？最近のWebサイトでは、スクロールすると要素がスッと現れるアニメーションをよく見かけますよね。Apple、Google、Netflixな...

「画像を中央に配置したいだけなのに、なんだかうまくいかない…」Web制作でよくある悩みのひとつが、画像（imgタグ）をきれいに中央寄せすることです。実はCSSでは横中央寄せ・縦中央寄せ・上下中央寄せでやり方が少し違います。この記事では、CS...