Skip to content

Instantly share code, notes, and snippets.

/*--------------------------------------
見出しh4
--------------------------------------*/
.entry-content h4 {
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
}
.entry-content h4:before {
/*--------------------------------------
見出しh3
--------------------------------------*/
.entry-content h3 {
border-left:none;
border-bottom: solid 3px #eef9ff;/* 薄めの下地色 */
position: relative;
padding-left:0;
}
/*--------------------------------------
見出しh2
--------------------------------------*/
/*参考:https://saruwakakun.com/html-css/reference/h-design*/
.entry-content h2 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #aad6ec;/*左線*//*★メインカラーと同じにするとよい★*/
border-bottom: solid 3px #d7d7d7;/*下線*/
// 「詳しいプロフィールはこちら」ボタン
<div class="center">
<a class="btn raised main-bc strong" href="★のプロフィール記事のURL★" >詳しいプロフィールはこちら</a>
</div>
// 「\フォローはこちら/」
<div class="center">
<span class="sns-btn__title dfont">フォローはこちら</span>
</div>