閉じる
閉じる

あまめも

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

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

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

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

困った時は決まってる!

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

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

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

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

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

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

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

これが、

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

まとめ

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

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

関連記事

  1. まとめ

    「Git」の履歴が見づらいのでまとめたい、そんな時の修正方法

  2. 文字

    【HTML】略語の正式名称を簡単に表示する方法

  3. [甘]気になってしょうがないのでさっそく画像表示を直してみた。

  4. 良いか悪いかは別として複数サイトで同じ「css」を参照させてみま…

  5. サイトデザイン

    「サイトでキーワードを目立つ様に囲みたい!」そんな時はcssでク…

  6. 線(line)

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

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

  1. UCガンダム
  2. Amazonプライム

Twitter

ページ上部へ戻る