障害者手帳所持者の日記

障害者手帳所持者の日記です。

はてなブログのaboutページのデザイン変更

更新しました。

https://www.tcov.info/about

皆さんは、aboutページのデザインをCSSで変更できることを知っていますか。
私はCSSを変更してみました。CSSを指定するにはhead要素を追加でCSSを記述する必要があります。(カスタムCSSだと無理かな。)

まあ、最初のデザインの方がシンプルで好きですが、他者との差別化を図りたい時に使用してください。

ヒントですが、

dt、dd、dl、class="info"を参照しているようです。

.info{
 width:500px;
  height:300px;
  background:#dcdcdc;
  border-radius:30px;
 scroll-behavior: smooth;
color: #00008b;
  font-weight: bold;
  font-size: 200%;
padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;

}



dd{
color: #f4b128;
font-size: 200%;
padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}

dt{
color: #f4b128;
padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}