ゾノ@引きこもり教師のBlog

CSSに関する記事一覧


CSS

本記事では、CSSのみで画像に透かしを入れる方法をまとめています。画像を編集する手間が省けるので、圧倒的時短になります。画像にほんの少しの透かしを入れたいな、、というときに非常に便利なので、ぜひブログで実装してみてください。

CSS

本記事では、CSSのみで画像を心臓の鼓動の動きのようにアニメーションをつける方法をまとめています。LPデザインなどのときに、クリックして欲しいボタンなどに使用することが多いです。ブログ運営などでも使えると思いますので、よかったらお試しください。

CSS

本記事では、CSSのみで画像を反転させる方法をまとめています。メンドイ画像編集が不要となり、かなり作業が捗ります。掲載しているソースコードをコピペするだけで、一瞬で画像を反転です。どうぞお試しください。

CSS

本記事では、CSSだけで文字や画像にモザイクを入れる方法をまとめています。イラストレーターやフォトショップで加工することも可能ですが、CSSを使うことで一瞬でモザイクを入れることができるので、かなり便利です。ぜひ、ブログでお試しください。

CSS WORDPRESS

WordPressでstyle.cssの直書きはリスキーです。とは言っても追加CSSに記述は避けたいところ。対策としては「style.cssを複数つくる」がオススメです。style.cssを継承してstyle2.cssでカスタマイズすることで、安心安全WordPressライフを送ることが可能です。ぜひお試しください。

CSS

本記事は、ブログの文字を簡単に薄くするCSSを掲載したものです。強調したくない文字などに使ってあげるといいと思います。コピペで使える簡単なソースコードなので、ぜひ自分のブログでも試してみてください。

CSS

どうしてもCSSが効かないときは「!important」で対応がおすすめです。応急処置ではありますが、急ぎのときとかはこれで対処です。「!important」はとにかく最優先にしてCSSを実装してくれるもので、かなり便利です。CSSがなかなか反映されずに困ったな…時間もない…というときなどに最適です。

CSS

サイトの背景に画像をリピートするだけで、全体の印象は大きく変わります。特に女性らしいデザインを希望する場合などは、かわいい画像やアイコンを繰り返し表示することがおすすめです。肝心の実装方法ですが、簡単なCSSを書くだけで表示することができるので、ぜひブログで試してみてください。

CSS

女性をターゲットにしたブログデザインの基本色はピンクがおすすめです。たとえばピンクのボックスで白抜きのテキストなんかがオシャレでかわいいです。CSSのカスタマイズが必要で難しそうと感じる人がいるかもしれませんが、意外と簡単に実装できます。今度ブログにてソースコードを公開します。

CSS

超基本のコーディングで苦戦した…(汗)あれ、aタグのリンクの文字色変わらないなぁ…。20分以上これにハマりました。超初歩的はコーディングをすっかりと忘れていました。解決→「a:link」で指定してあげないと、リンクの文字色変わるわけないですよね。人間は忘れる生き物です。