HTML&CSS

色を継承できる【currentColor】の使い方 こんにちは。 今日は、色を継承できる【currentColor】の使い方について書こうと思います。 この値の存在は、先日記事にしたCSSNiteの『CSS設計完全ガイド』の著者に...

両端に斜め線が入った見出しのつくり方 こんにちは。本題に入る前に少し余談ですが、今回の記事で120記事めになります。 色々記事を書いたのですが、実はなかには検索1位になる記事もあって驚いています(°_°) 記事を見てもらうとわ...

リボン風見出しのつくり方 こんにちは。今日はCSSでリボン風見出しをつくろうと思います！ イメージはこんな感じです↓ ちなみに、この方法だと2行までなら崩れずに実装できます。 では、さっそくコードをみてい...

画像の片側だけ画面幅いっぱいにする方法01 こんにちは。今日は「画像の片側だけ画面幅いっぱいにする方法」について書きます。 追伸：テキスト部分と画像部分の幅が違う場合の記事も書きました（2022年5月10日） こちらの方がシンプルで汎...

CSSで背景画像にぼかし（ブラー）を入れる方法 こんにちは。今日は「背景画像にぼかしを入れる方法」について書きます！ 普段はあらかじめぼかしが入った状態でスライスするのが主ですが、最近実務で諸事情でCSSで設定しなければならなかった...

隙間があいた4本線の見出しのつくり方 こんにちは。 今日はとある見出しのつくり方について書きます！ デザインはこんな感じです↓ よく見ると、四角に少し隙間があいていますよね＾＾ こんなデザインもCSSで実装できるの...