这是 CSS 圆圈中的图像。我希望圆圈围绕图像,因此图像应该位于中心。我怎样才能做到这一点?
HTML:
<div class="circletag" id="nay">
<img src="/images/no.png">
</div>
CSS:
div.circletag {
display: block;
width: 40px;
height: 40px;
background: #E6E7ED;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
div.circletag.img {
}
使用该图像作为背景图像。
.circletag {
display: block;
width: 40px;
height: 40px;
background: #E6E7ED;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-image: url(no.png);
background-position:50% 50%;
background-repeat:no-repeat;
}
如果您不想让整个外部 div 可点击,这可能会起作用:
.circletag {
display: block;
width: 40px;
height: 40px;
background: #E6E7ED;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
text-align:center;
}
.circletag img{
margin-top:7px;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)