纯CSS如何实现圆形边框

border-radius可以实现圆角框,只要足够圆,变成正圆也没有问题。

HTML代码

<a class="entry-date" href="#"></a>

CSS代码

.entry-date {
display: block;
width: 64px;
height: 64px;
background: none repeat scroll 0 0 #C4BDB2;
border-radius: 50% 50% 50% 50%;
color: #111111;
font-size: 13px;
font-style: italic;
line-height: 44px;
text-align: center;
}

核心代码:border-radius: 50% 50% 50% 50%;

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容