您的足迹:首页 > HTML >html 圆形头像

html 圆形头像

<html>
    <head>
<title>圆形头像的制作</title>

<style type="text/css">
.imgtest{margin:10px 5px;
overflow:hidden;}
.list_ul figcaption p{
font-size:12px;
color:#aaa;
}
.imgtest figure div{
display:inline-block;
margin:5px auto;
width:100px;
height:100px;
border-radius:100px;
border:2px solid #fff;
overflow:hidden;
-webkit-box-shadow:0 0 3px #ccc;
box-shadow:0 0 3px #ccc;
}
.imgtest img{width:100%;
min-height:100%; text-align:center;}
</style>
    </head>
    <body >
        
  <div class="imgtest">
 
 <figure>
  
<div>
<img src="head.jpg" />
</div>
</figure>
 </div>
   
</body>
</html>
本博客所有文章如无特别注明均为原创。作者:fly复制或转载请以超链接形式注明转自 PHPWinner
原文地址《html 圆形头像

相关推荐

PHPWinner -洛阳市网站制作,偃师市网站制作

联系我