見出しを CSS のみでカスタマイズする

この記事では、WordPress の投稿ページの見出しを CSS のみでカスタマイズする方法を説明します。CSS 内の h3h1h2 に変えることで h3 タグ以外にも適用することができます。

サンプル

見出しを CSS のみでカスタマイズする

.article h3{
position: relative;
border: 2px solid #333333;
border-radius: 10px;
background-color: transparent;
width: calc(100% - 5px);
}

.article h3:after{
position: absolute;
width: calc(100% + 4px);
height: calc(100% + 4px);
top: 5px;
left: 5px;
border-radius: 10px;
background-color: #FFD900;
content: '';
z-index:-1;
}
タイトルとURLをコピーしました