Css 带贴纸角的圆形图片

Question

我想制作 css 带有贴纸角的记录器（响应式）。请帮我！谢谢

Answer 1

我做到了：

<div style="width:100%;height:500px;position:relative;">
  <img style="position:absolute;width:20%;left:50%;" class='rd100' src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Circle_-_black_simple.svg/2000px-Circle_-_black_simple.svg.png" />
  <img class='rd100' src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Circle_-_black_simple.svg/2000px-Circle_-_black_simple.svg.png" />
</div>

和 css :

img.rd100
{
    width:100%;height: auto;
}

这里是 fiddle : https://jsfiddle.net/kgcd4dLn/3/

你只需要为其他贴纸添加其他圈子。

祝你好运:)

Css 带贴纸角的圆形图片

Css Circle image with sticker corner

css

responsive