閉じる
閉じる

あまめも

[甘]ブログの見出しのデザインが気になったから少し調べてみた。

こんばんは、あますた(@amaguristar)です。

ブログの見出しのデザインが”なんとなく気になった”ので、変更することにしました。
初心者な自分、こだわったものが作りたいのですが現状知識が・・・

とりあえず今回は簡単な変更にして、時間があるときにじっくり作り込もうと思います。

困った時は決まってる!

デザインセンスがない自分。
そもそもCSSの知識がイマイチなもので、前回同様『Google』さんで検索しました。

相変わらず色々と出てくる・・・この時点で「うわ〜、どうしよう??」って感じですが、今回も一番上のサイトを参考にします。
(参考:【寝ログ:少しの労力でサイトをかっこよく!見出しのCSSデザインに役立つジェネレーター&サンプル集30個まとめ】)

最初はシンプルなのが良いな

先ほどの記事を読んでみると、CSSのサンプルページのまとめでした。
そこであちこち飛んで見つけたのがこの見出し!

ななめってるのが、めっちゃ気になる!
実際に使うと面白いんですが・・・今回は却下。

こんな風にシンプルなのが一番だと思います(なんでも基本が大切だと思う)。
なもんで、上の画像のページを参考にCSSを編集。

こんな感じ。
たった数行で、

これが、

こうなるからすごいと思います(参考ブログは[甘]幼稚園まで住んでいた『恵庭』をみてきました。です)。
CSSって便利だなぁ〜。

まとめ

ちょっとした事で、大きく変わるから面白い。
「あ〜したい、こ〜したい」とは出てくるのですが、専門知識がないと時間がかかる。

”何事も勉強”とは良く聞きますが、まさにその通りですね。
・・・がんばろう!!

関連記事

  1. 目次のテンプレートっぽいものを作ろうとローテクで頑張ってみた

  2. [甘]パンくずリストつけてみた。

  3. ず〜と気になってたHPの文字をマーカー(蛍光ペン)でなぞった感じ…

  4. リンク

    サイトでリンク箇所に分かりやすくアイコを追加する方法【css】

  5. 線(line)

    【HTML】<hr>タグ(区切り線)を簡単にカスタム…

  6. コロナ対策

    簡単!飲食店オーナーの「連絡先の把握に努める」というコロナ対策の…

こんなメモもありますよ♪

  1. take089-thumbnail
  2. 飲む酢
  3. 菩提樹看板

Twitter

ページ上部へ戻る