代码改变世界

比较给图片加边框的两种方式

2017-07-31 21:25  zzzzzzz，j  阅读(58)  评论(0)    收藏  举报

一：

html：

<div class="y"><img src="one.png" alt=""/></div>

CSS：

img{
    border:1px solid #00D600;
    border-radius:50%;
}
直接给图片加边框（不用知道图片的大小）

二：

html：

<div class="x"></div>

CSS：

.x{
    width: 39px;
    height: 39px;
    border:1px solid #00D600;
    border-radius:50%;
    background-image: url(one.png);
}
画一个和圆形图片同等大小的圆，把圆形图片放在画出的圆里。