ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» はてなブログカスタマイズ 続きを読むデザイン設定方法
投稿日: 2017/11/10 投稿者:webコラム
/*続きを読むボタン*/
.entry-see-more {
display: block;
width: 200px;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
font-weight:bold;
position: relative;
color: #333;
border: 2px solid #333;
}
.entry-see-more:after {
position:absolute;
content:'';
width:100%;
height:100%;
top:3px;
left:3px;
border: 2px solid #333;
opacity:0;
}
.entry-see-more:hover:after {
opacity:1;
}