css 二重丸アイコン

Posted 2021-05-13

<li class="circle"><a href="#">トップページ</a></li>

#footer .inner .circle {
	position: relative;
}

#footer .inner .circle:before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 3px solid #fff;
    left: 0;
    top: 5px;
}