【WordPress】hrタグのカスタマイズ

当該テーマのスタイルシート (style.css) に追加
hr {
line-height: 1em;
position: relative;
outline: none;
border: none;
color: black;
text-align: center;
height: 1.5em;
opacity: .5;
margin: 1.8em 1.0em 0em 0.5em;
}
hr:before {
content: '';
background: -webkit-linear-gradient(left, transparent, #818078, transparent);
background: linear-gradient(to right, transparent, #818078, transparent);
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
}
hr:after {
content: '\002615';
position: relative; top:-4px; 
display: inline-block;
color: black;
padding: 0 .5em;
line-height: 1.5em;
color: #818078;
background-color: #ffffff;
}

☟☟☟こんな感じ☟☟☟


タイトルとURLをコピーしました