-
CSSで要素の角を丸くする方法(border-radius)
本記事では、CSSで要素の角を丸くする方法について解説しています。このテクニックを覚えることで、角ばったボタンから優しい印象の丸形ボタンなどを作れるようになります。 border-radiusの使い方 CSSで要素の角を丸くするには「border-radiusプロパティ... -
【CSS】borderの枠線を内側と外側に設定する簡単な方法
本記事では、CSSのborderプロパティで表示させた枠線を内側と外側に設定する方法について解説しています。 サンプルコード テキストが改行されるサンプルコードを用意しました。実際に手を動かしながら確認したい人はこちらのサンプルコードをお使いくださ... -
【HTML】画像を表示させる方法
先輩！HTMLで画像を表示させる方法を教えてください！ 了解！それじゃあHTMLで画像を表示させる時によく使われる<img>タグの使い方について解説するね！ <img>タグの使い方 <img>タグの基本的な書き方は以下のとおりだよ！ <img src="... -
【HTML/CSS】PCでは改行してスマホでは改行させない方法
本記事では、PCで表示させるときは文章を改行させ、スマホで表示させるときは文章を改行せずそのまま表示させるテクニックについて紹介しています。 逆パターンのPCは改行させず、スマホでは改行する方法も紹介しているから興味のある人は見ていってね！ P... -
コメントアウトが効かない時の原因と対処法
本記事では、HTML・CSS・JavaScriptなどでコメントアウトが効かない時の原因と対処法について解説しています。 二重にコメントアウトしている おそらくコメントアウトが効かない多くは、コメントアウトの中に更にコメントアウトを記述していることが原因で... -
ショートカットキーでコメントアウトする方法
皆さんはHTML・CSS・JavaScriptでコメントアウトを使う時、いちいち「<!-- -->」「//」「/**/」を手書きで記述していないでしょうか？実は、2つのキーを同時押しすることで一瞬でコメントアウトができるショートカットキーが存在します。 手書きで記... -
【HTML/CSS】テキストを改行させない方法
文字数が多くてテキストが改行されてしまい、思った通りのデザインが作れない！という経験ないでしょうか？そんな時に役立つ、テキストを改行させない方法について本記事では解説しています。 サンプルコード テキストが改行されるサンプルコードを用意し... -
【CSS】スタイルを強制上書きする方法(!important)
CSSでサイトのデザインを変更したいけど、既存のスタイルが優先されて上手く反映されない。優先順位の法則を調べたけどイマイチ理解できないという方向けに、本記事ではCSSでスタイルを強制上書きする方法について解説しています。 !importantの使い方 ス... -
CSSが反映されない時に考えられる原因と対処法
本記事では、CSSが反映されない時に考えられる5つの原因とその対処法について解説しています。 rel="stylesheet"を忘れている 別ファイルで記述しているCSSをHTML側で読み込むには、<head>タグ内に以下のコードを記述します。 <link rel="st... -
【JavaScript】setTimeoutが効かない時の原因と対処法
本記事では、JavaScriptで処理を遅らせて実行することができるsetTimeoutメソッドが効かない時の原因と対処法について解説しています。 よくある間違えた書き方 こちらの記事をご覧くださっている方は、以下のような書き方でsetTimeoutメソッドを使用して...
