
見出しをカスタマイズしてみたいと思い、F12を押してデベロッパーツールからセレクタを抜き出してみました。
.article h○ が、それぞれの見出しのセレクタとなります。
{ } 内は、私個人の「外観→カスタマイズ→追加 CSS」で設定している内容(2021.04.20 現在)です。
見出し1(タイトル)
.article h1 {
background: linear-gradient(#a25768, #c4697e);
border: 1px #a25768;
color: #ffffff;
padding: 15px;
}
見出し2
.article h2 {
background: linear-gradient(#a25768, #c4697e);
border: 1px #a25768;
color: #ffffff;
padding: 10px
}
見出し3
.article h3 {
background: linear-gradient(#fef4f4, #ffffff);
border: 1px #fef4f4;
border-bottom: solid 3px #a25768;
color: #6a6a6a;
font-size: 18px;
padding: 10px;
}
見出し4
.article h4 {
border-top: solid 2px #a25768;
border-bottom: solid 2px #a25768;
color: #6a6a6a;
font-size: 18px;
padding: 10px;
}
コピー、アレンジなど、自由にしていただいてOKです。
コメント