css

art

【CSS】ヘッダーを固定したら、メニューが左寄せになってしまった! を解決します 

プログラミングを勉強中のみなさん、こんにちは! 今回は、ヘッダーを固定したら、メニューが左寄せになってしまった! というエラーの解決方法を紹介します。 とっても簡単ですので、是非参考にしてください。 ...

pointer

【CSS】ボタンのhoverアニメーションが効かない!を解決します  

プログラミングを勉強中のみなさん、こんにちは! 今回は、「ボタンのhoverアニメーションが効かない!」を解決します。 送信ボタンをつくるとき、多くのみなさんがCSSでhoverを設定すると思います。 ...

color

【CSS】<a>タグで囲った文字の色を変えない方法

プログラミングを勉強中のみなさん、こんにちは! 今回は、<a>タグで囲った文字の色を変えない方法を紹介します。 リンクを貼りたいときは<a>タグを使いますが、 そのとき、文字の ...

last

【CSS】うまく活用しよう first-child と last-child

プログラミングを勉強中のみなさん、こんにちは! 今回は、CSSの、 first-child と last-child について紹介します。 初心者向けのメモ書きとして執筆しておりますので、あしからず。 ...

height

【CSS】flex で横並びにすると要素の高さがそろってしまう 高さがバラバラのまま並べたい を解決

プログラミングを勉強中のみなさん、こんにちは! 今回は、flexを使う際に注意点を一つ紹介します。 初心者向けのメモ書きとして執筆しておりますので、あしからず。 それでは見ていきましょう。 目次 fl ...

pcdesk

【CSS】marginの表記方法 これでもう迷わない スッキリしたコーディングへ

プログラミングを勉強中のみなさん、こんにちは! 今回は、marginの表記方法について紹介します。 初心者向けのメモ書き程度として執筆しておりますので、あしからず。 それでは見ていきましょう。 目次 ...

景色

【CSS】10秒で解決 背景画像の設定方法 セットで覚えておきたいコードも紹介します

プログラミングを勉強中のみなさん、こんにちは! 今回は、背景画像の設定方法について紹介します。 初心者向けのメモ書き程度として執筆しておりますので、あしからず。 それでは見ていきましょう。 目次 コー ...

gap

【CSS】flexで並べた要素間の余白はgapを使おう marginより便利です 

2021/12/7    , , , , , ,

プログラミングを勉強中のみなさん、こんにちは! 今回は、flexの余白設定で使える「gap」について紹介します。 目次 余白と言えば 気づいたこと gapプロパティ まとめ 余白と言えば flexで要 ...

height

【CSS】余白を均等にしているのに、文字の高さが中央に来ない こんときは line-height を試してみよう

プログラミングを勉強中のみなさん、こんにちは! 余白を均等に設定したのに、文字が(高さ的に)中央にきてないような・・・・。 と疑問を感じた方へ。 line-height を試してください。 詳しく見て ...

吹き出し

【CSS】三角形の擬似要素をつくって、吹き出し型のタイトルを作ろう 

今回は、擬似要素で三角形をつくり、吹き出し型のタイトルを作る方法を御紹介します。 ちなみにこんなやつです↓ いろいろなサイトを見たり、模写したりしているとけっこう見かけますよね。 でも、これってどうや ...

© 2022 サカらいふ Powered by AFFINGER5