在学习前端的过程中，我发现了一个很有趣的例子，对图像以圆形显示，div和a标签却有不一样的效果和操作。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>圆形头像实现</title>
<!-- <link rel="stylesheet" href="css/mypage.css" /> -->
</head>
<body>
<p>div例子</p>
<div style="width:100px; height:100px; border-radius:100%; overflow:hidden;">
<img src="images/o.jpg" alt="">
</div>
<br />
<p>a属性不固定位置</p>
<a href="#" style="width:100px; height:100px; border-radius:100%; overflow:hidden;">
<img src="images/o.jpg" alt="">
</a>
<br />
最低0.47元/天 解锁文章
397
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
