2019年12月6日ha-Basicテーマ簡単なCSSの記述で画面左右の余白にグラデーション効果を持つ色をつける方法を紹介します。何かの機能とか、共通である/なしを表示したい項目のあるサイトなどで全部の項目を表示しつつ、これは「ある」、これは「ない」を表示する方法です。カタログサイトなどでよく使われている表現と言えば一番ピンと来るかも知れません。hidden;」の違いについて、自身の備忘録を兼ねて紹介しておきたいと思います。毎年この時期になるとサイトの見た目を変更にしたくなる性分のようだというのが過去記事を見ると分かりますね(笑)。参考にはならないと思いますが、今後のためにカスタマイズした部分をメモしておきます。使い方などブログやホームページで本文とは違う何かのお知らせをしたいとき、文章の中で目立たせたい文字列があるときなど、通常では文字色を変えたり、文字の大きさを変えたり、文字の太さを変えたり、はたまた文字列の背景に色を付けたりといった装飾をしますよね?そんなときにもっと目立つようにするのが「文字の点滅」をさせる方法です。使い方などWordpressといえばテーマを変えると簡単に着せ替えできて便利ですね。オリジナリティを出そうと思ったらCSSの編集によるカスタマイズは欠かせませんね。使い方など今回新しく書いた記事でたまたま引用を使う機会があり、プレビューしたら「あれ???」という感じの表示になったことで全体のデザインと違うことが発覚しました。知識不足でちょっとカスタマイズに苦労したので備忘録として書いておきます。ちなみにどんなテーマでも大抵同じですからSimplicityを使っていない場合でも適用できると思います。使い方など今回はCSSデザイン初心者の私が、「ここのデザインは変更できないだろう・・・」なんて挫折しかけたところを解決に導いた、「無敵のdivタグ様」について紹介します。CSSカスタマイズ慣れてしている方には全く参考にならない情報ですから同じところで躓いた初心者の方だけ見ていただければと思います。使い方など最近CSSの勉強を始めたばかりでまだ右も左もわからない段階ではありますが、素朴な疑問が。CSSで使う「classセレクタ」と「idセレクタ」って何が違うの?これを解決するためにいろいろと勉強してみました。結論としては、設定してみて適用される側を使うということ。使い方など投稿やページの中でリストを表示するタグとしてulタグがありますが、このリストの先頭が画像になっているものをよく見ますね?何も設定しないと「・」が表示されて、まさしく「リスト」ですよ!と言わんばかりの表示になってしまいますが、画像の後にリストが表示されるとちょっとカッコいい、それを実装する方法を紹介します。使い方など私のスキルが上がっているのか、最初からそうだったのか不明ですが、ちょっとしたデザイン変更だったら案外簡単に行うことができることが分かりました。CSSを触るのは素人ですから素人なりに基礎的な部分を紹介できたらと思います。記事の拡散にご協力お願いします閲覧いただきありがとうございます。この記事が役に立つ情報でしたら是非SNSでシェアやコメントをお願いします。Amazonアソシエイト・プログラムの参加者です。