html圆形头像简易实现
html圆形头像简易实现
html圆形头像简易实现
效果如下
代码如下
原型头像样式实现* {
padding: 0px;
margin: 0px;
}
html,body{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
.main {
width: 100%;
height: 100%;
/* background-color: darkgrey; */
}
.myImageDiv {
width: 100%;
height: 20%;
/* background-color: darkseagreen; */
display: flex;
justify-content: center;
align-items: center;
}
.imageDivFather {
width: 120px;
height: 120px;
border-radius: 60px;
background-color: yellow;
}
.imageDivContainer {
margin: 10px 0 0 10px;
width: 100px;
height: 100px;<