-
-
【CSS】ヘッダーを固定したら、メニューが左寄せになってしまった! を解決します
プログラミングを勉強中のみなさん、こんにちは! 今回は、ヘッダーを固定したら、メニューが左寄せになってしまった! というエラーの解決方法を紹介します。 とっても簡単ですので、是非参考にしてください。 ...
-
-
【CSS】ボタンのhoverアニメーションが効かない!を解決します
プログラミングを勉強中のみなさん、こんにちは! 今回は、「ボタンのhoverアニメーションが効かない!」を解決します。 送信ボタンをつくるとき、多くのみなさんがCSSでhoverを設定すると思います。 ...
-
-
【CSS】<a>タグで囲った文字の色を変えない方法
プログラミングを勉強中のみなさん、こんにちは! 今回は、<a>タグで囲った文字の色を変えない方法を紹介します。 リンクを貼りたいときは<a>タグを使いますが、 そのとき、文字の ...
-
-
【CSS】うまく活用しよう first-child と last-child
2021/12/22 css, first-child, last-child, 兄弟要素, 最初の要素, 最後の要素
プログラミングを勉強中のみなさん、こんにちは! 今回は、CSSの、 first-child と last-child について紹介します。 初心者向けのメモ書きとして執筆しておりますので、あしからず。 ...
-
-
【CSS】flex で横並びにすると要素の高さがそろってしまう 高さがバラバラのまま並べたい を解決
プログラミングを勉強中のみなさん、こんにちは! 今回は、flexを使う際に注意点を一つ紹介します。 初心者向けのメモ書きとして執筆しておりますので、あしからず。 それでは見ていきましょう。 目次 fl ...
-
-
【CSS】marginの表記方法 これでもう迷わない スッキリしたコーディングへ
プログラミングを勉強中のみなさん、こんにちは! 今回は、marginの表記方法について紹介します。 初心者向けのメモ書き程度として執筆しておりますので、あしからず。 それでは見ていきましょう。 目次 ...
-
-
【CSS】10秒で解決 背景画像の設定方法 セットで覚えておきたいコードも紹介します
2021/12/9 background-image, background-position, background-size, center, cover, css, url, コード, セット, ファイルパス, 背景画像, 解決, 設定方法
プログラミングを勉強中のみなさん、こんにちは! 今回は、背景画像の設定方法について紹介します。 初心者向けのメモ書き程度として執筆しておりますので、あしからず。 それでは見ていきましょう。 目次 コー ...
-
-
【CSS】flexで並べた要素間の余白はgapを使おう marginより便利です
プログラミングを勉強中のみなさん、こんにちは! 今回は、flexの余白設定で使える「gap」について紹介します。 目次 余白と言えば 気づいたこと gapプロパティ まとめ 余白と言えば flexで要 ...
-
-
【CSS】余白を均等にしているのに、文字の高さが中央に来ない こんときは line-height を試してみよう
プログラミングを勉強中のみなさん、こんにちは! 余白を均等に設定したのに、文字が(高さ的に)中央にきてないような・・・・。 と疑問を感じた方へ。 line-height を試してください。 詳しく見て ...
-
-
【CSS】三角形の擬似要素をつくって、吹き出し型のタイトルを作ろう
今回は、擬似要素で三角形をつくり、吹き出し型のタイトルを作る方法を御紹介します。 ちなみにこんなやつです↓ いろいろなサイトを見たり、模写したりしているとけっこう見かけますよね。 でも、これってどうや ...