CSS

プログラミング

【CSS】超簡単!ボックスの内側にborder(枠線)を入れる方法を解説【プログラミング】

CSSでボックスの内側にborder(枠線)を入れたいんだけど、方法わかる? 分かりやすく解説するね! おはこんばんにちは!ノボルです。今回は、CSSでボックスの内側にborder(枠線)を入れる方法を解説します! こんな人に読んでほしい ...
プログラミング

GitHub Pagesで404エラーが表示された時の対処法を解説【プログラミング】

おはこんばんにちは!ノボルです。 作った静的ページをGitHub Pagesにデプロイしたんだけど、404エラーが表示されて上手くいかない... そういうことなら、対処法をいくつか紹介するね! そこで今回は、GitHub Pagesで404...
プログラミング

【画像加工不要】超簡単!CSSだけで背景画像のみを暗くする方法【プログラミング】

おはこんばんにちは!ノボルです。 背景画像を暗くしたいんだけど、加工するのがめんどくさい…。 画像加工ソフトを使わなくても、CSSだけでできるよ! Web制作の際、上の文字などを読みやすくするために背景画像を暗くしたいときってありませんか?...
プログラミング

【CSS】max-widthとmin-widthの使い方を初心者向けに解説【プログラミング】

おはこんばんにちは!ノボルです。 CSSの勉強をしてるんだけど、「max-width」と「min-width」の使い方がよく分からないんだよね。 初心者でもわかるように解説するね! 「min-width」や「max-width」は、WEBペ...
プログラミング

【CSS】超簡単!スクロールしても背景画像が固定されたままにする方法【プログラミング】

おはこんばんにちは!ノボルです。 ポートフォリオサイトを作ってるんだけど、背景画像をスクロールしても固定したままにする方法ってないの? 簡単な方法があるから解説するね! そこで今回は、スクロールしても背景画像が固定されたままにするCSSテク...
プログラミング

【CSS】letter-spacingで文字間を調整する方法とオススメの値【プログラミング】

おはこんばんにちは!ノボルです。 CSSで文字間を調整するのってどうやるんだろ・・・。 「letter-spacing」プロパティを使えば、簡単に文字間を調整できるよ! ブログやwebサイトなど、文章の多い媒体において、「文字間」は可読性や...
プログラミング

【CSS】超簡単!line-heightで行間を調整する方法【オススメの値も】

おはこんばんにちは!ノボルです。 CSSで文章の行間を調整する方法ってあるの? 「line-height」プロパティを使うことで、簡単に行間を調整できるよ! Webページのデザイン性や可読性は、文章の行間によって大きく変わります。なので、W...
プログラミング

【初心者向け】超簡単!CSSで円を作る方法と円のど真ん中に文字を配置する方法

おはこんばんにちは!ノボルです。 CSSで円を作って真ん中に文字を表示したいんだけど、どうやってするんだろ・・・。 そういうことなら任せて!さっそく解説するね。 HTMLやCSSの勉強をしていて、円形のパーツってどうやって作るんだろう?と思...
プログラミング

【CSS】テキストを下線じゃなくてマーカー線(蛍光ペン風)でハイライトする方法

おはこんばんにちは!ノボルです。 下のテキストみたいに、CSSで文字にマーカー線を引きたいんだけど、やり方わかる? サンプルテキスト CSSでテキストをハイライトするのは簡単だよ。さっそく説明するね! テキストのハイライトは、Webサイトや...
プログラミング

【CSS】超簡単!テキストを「左揃え」のまま「中央寄せ」にする方法【プログラミング】

おはこんばんにちは!ノボルです。 CSSで、テキストを「左揃え」のまま「中央寄せ」にする方法ってないのかな? 簡単にできるよ!さっそく解説するね。 そこで今回は、CSSでテキストを「左揃え」のまま「中央寄せ」にする方法について解説します。「...