html小圆圈怎么放图片上

1、新建一个test.html文件。

2、在文件内，使用div标签创建一个模块，在div内，使用img标签创建一张图片。

3、在css标签内，设置div的高度、宽度，使用border-radius属性设置div和img标签都为圆形（border-radius:50%），从而实现圆圈里放个图片效果。

  <div style="width:100pxheight:100pxborder:1px solid redborder-radius:50pxline-height:100pxtext-align:centercolor:red">

设计师

  </div>

要做一个圆圈，首先要做一个正方形的div，然后加上border边框，边框要用border-radius圆角，当圆角像素等于div长宽的一半时，就变成了一个圆形边框

中间的文字用line-height和text-align上下左右居中

还有那个箭头应该是图片来的，可以当背景图片插入，这个我就不写了

---