CSS中怎么做人头像 |css鼠标经过有提示信息

/* 首先制作基础样式 */
.avatar {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #ccc;
background-image: url(avatar.jpg);
background-size: cover;
background-position: center;
}
/* 如果想要加边框可以这么写 */
.avatar {
border: 2px solid #fff;
box-shadow: 0 0 0 4px #ccc;
}
/* 如果想要加文字可以这么写 */
.avatar::before {
content: "J";
font-size: 40px;
line-height: 100px;
text-align: center;
color: #fff;
}

以上就是制作人头像的基本步骤，可以根据实际需求做出一些微调。