首页 > 编程开发 > CSS    日期:2018-08-14 / 来自互联网 / 浏览

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%;

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章

1 2 3 4 5