html img标签展示图片变成圆形

标签中添加以下：

style="border-radius:50%overflow:hidden"

超过盒子了怎么办？

第一可以把图片的长宽按百分比写

height="50%"widtht="50%"

第二可以写一个高度固定值,我遇到的时候是用的第二种，大家要根据情况用。

height="70px"

html边框圆角化可以用css中的“border-radius”属性来实现。

1、新建html文档，在body标签中添加一个div标签，然后为这个div标签设置边框，这时默认情况下边框是直角：

2、为div标签设置“border-radius”属性，属性值为圆角半径大小，这时边框的四个顶角都会变成圆角：

3、为div标签设置“border-radius”属性，属性值分别对应边框的左上角、右上角、右下角和左下角，这时可以对每个顶角自定义设置圆角半径：