閉じる
閉じる

あまめも

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

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

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

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

困った時は決まってる!

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

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

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

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

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

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

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

これが、

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

まとめ

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

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

関連記事

  1. HTML

    サイトの情報を消した時は<del>タグで削除した部分…

  2. info

    サイトに情報追加した時は<ins>タグで追加した部分…

  3. take089-thumbnail

    WaznFilm更新】「Font Awesomeで何ができるの?…

  4. info

    <p>タグの改行(余白)を調整したい時は【初心者用】…

  5. HPでライン風の対話型吹き出しの表示に枠を付けたい!!ってなった…

  6. 【HTML】サイトで漢字にルビ(読み仮名)ふりたいんだけどなんて…

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

  1. take023-yakisoba-thumbnail

Twitter

ページ上部へ戻る