这是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;
- }
