HTMLに書いた文字をCSSで装飾する際に、1文字ずつ異なる文字色で表示されるよう指定する方法を解説。HTMLの特定の要素内に書かれた文字列を、JavaScript(jQuery)を使って文字単位に分解して個別の要素でマークアップすれば、CSSのnth-child疑似クラスなどを使う ...
CSSで左寄せ・中央寄せ・右寄せする方法を解説。同一行内に左寄せと右寄せを共存させたり、左寄せ・中央寄せ・右寄せ全部を同じ行に共存させることもできます。複数の文字寄せの共存もfloatプロパティを使うなど少しの工夫で実現できます。1行の文字 ...
大学は文系でしたが、講義の一環として、HTMLとCSSを学ぶ機会がありました。 そこで今回は、自分自身のアウトプットとして、HTMLとCSSについて書いていければと思います! これからHTMLとCSSについて知りたいという人、IT全く分からないけど、少しでも興味が ...
CSSフレームワークのTailwind CSSが注目を集めています。その特徴は、flex、pt-4、text-centerといったユーティリティクラスの組み合わせだけで、ほとんどすべてのスタイリングをしてしまおうという大胆なアプローチです。これまでのベストプラクティスと真っ向 ...
新人Web担当者は、覚えることがたくさんあって何から勉強したらいいかわからないと悩むことありませんか? コニカミノルタに勤めるWeb担当者の垣内梓氏が、実際に経験してきたWeb担当者の仕事について紹介していきます。 新連載「脱・新人Web担! あずさ ...