HTML&CSS 【linear-gradient】背景色をはっきり二分割する方法 【linear-gradient】背景色をはっきり二分割する方法 こんにちは。今日はボタンを例に「背景色をはっきり二分割する方法」について書きます! イメージはこんな感じ↓ あまり見ないデザインですが、ボタンを強調した... 2022.03.14 HTML&CSS
HTML&CSS 高さが同じで横幅が異なる画像で全体の高さを合わせる方法 高さが同じで横幅が異なる画像で全体の高さを合わせる方法 こんにちは。今日はギャラリーなどでたまに見かけるHTMLについて自分のメモがてら書きます! わかりづらいタイトルなので、ブラウザ上の表示をのせます↓ 横幅は大きめ... 2022.01.31 HTML&CSS
HTML&CSS letter-spacingを指定したときにズレをなくす方法 letter-spacingを指定したときにズレをなくす方法 こんにちは。今日はletter-spacingを指定したときに生じるズレの解消法について書きます。 ではさっそくみていきましょう〜! センター寄りの場合 HT... 2022.01.25 HTML&CSS
HTML&CSS 【インラインSVG】HTMLにSVGを埋め込み、ホバー時に色を変える方法 【インラインSVG】HTMLにSVGを埋め込み、ホバー時に色を変える方法 こんにちは。今日はHTMLにSVG画像を埋め込み、かつホバー時に色を変える方法を書こうと思います。 ちなみにHTMLにSVGを埋め込むのはインラインSVGと呼ばれ... 2022.01.17 HTML&CSS
HTML&CSS htmlでふりがな(ルビ)の振り方 htmlでふりがな(ルビ)の振り方 こんにちは。明けましておめでとうございます^^ まだ体が本調子ではないのですが笑、いつも通りブログを書いていきたいと思います! 今日はhtmlでふりがなを振る方法について書きます(^○^) ... 2022.01.04 HTML&CSS
HTML&CSS 両端に三角があるタイトルのCSS 両端に三角があるタイトルのCSS こんにちは。今日は「両端に三角があるタイトルのCSS」について書きます^^ デザインはこんな感じです↓ 一応2行になっても三角部分が見切れないようにしています。 ではさっ... 2021.12.28 HTML&CSS