HBK

はてなブログのカスタマイズにハマりいろいろまとめています!

【日付カスタマイズ】日付を枠で囲む!13色まとめて紹介!


スポンサーリンク

ちゃお!はてなブログのカスタマイズにハマっているくましーだよʕ•ᴥ•ʔฅ

 

今回ははてなブログの日付を枠で囲むカスタマイズのやり方を紹介するよ!

 

いろんな色で紹介するので好きな色を使ってみてね! 

 

日付を枠で囲むには?

はてなブログの日付を枠で囲むには、CSSにコードをコピペするよ!

 

好きな色のCSSをひとつ選んでコピペしてね!

 

コピペする場所

 

「デザイン-カスタマイズ-CSS」

 

 

日付を赤の枠で囲む

 

日付をピンクの枠で囲む

 

日付を紫の枠で囲む

 

日付を青の枠で囲む

 

日付を水色の枠で囲む

 

日付を緑の枠で囲む

 

日付を黄緑の枠で囲む

 

日付を黄色の枠で囲む

 

日付を山吹色の枠で囲む

 

日付をオレンジの枠で囲む

 

日付を濃いオレンジの枠で囲む

 

日付をグレーの枠で囲む

 

日付を黒の枠で囲む

 

好きな色がなかったら

自分のイメージした色がなければ

『#FF0000』

この部分を好きなカラーコードに変えてみてね!

カラーコードは下記のサイトでコピペできるよ!

HTMLカラーコード

 

 

まとめ

はてなブログの日付を枠で囲むCSSを紹介したよ!

 

好きな色の日付に変更できたかな?

 

ほかの日付のカスタマイズの記事も良かったら参考にしてみてね!

 

【日付カスタマイズ】関連記事

blogkasutamaizu.hatenablog.com

 

さいごに

最後まで『HBK』を読んでくれてありがとう!

 

役に立った記事にスターをつけてもらえたら、サイトの品質向上の参考にさせていただきます!

 

たくさんの人の役に立てることが夢なので、はてなブックマークやTwitterでの共有もしてもらえると嬉しいです!

 

これからもカスタマイズやブログ運営に必要なことを記事にしていこうと思ってます!

 

良かったら読者登録よろしくね!

 

んじゃあ!またねーʕ•ᴥ•ʔฅ