HTML5 CSS3代碼會員資料信息模板
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>會員資料信息</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="member-info"> <div class="avatar"> <img src="avatar.jpg" alt="頭像"> </div> <div class="info"> <h2>張三（會員編號：123456）</h2> <p>性別：男</p> <p>年齡：30</p> <p>聯系電話：18888888888</p> <p>電子郵箱：zhangsan@example.com</p> <p>地址：北京市朝陽區</p> </div> </div> </body> </html>
CSS代碼
.member-info {
display: flex;
align-items: center;
padding: 20px;
border: 1px solid #ccc;
}
.avatar {
margin-right: 20px;
}
.avatar img {
width: 100px;
height: 100px;
}
.info {
font-size: 18px;
}
.info h2 {
margin-bottom: 10px;
font-size: 24px;
}以上代碼可以實現一個簡單的會員資料信息模板，適用于各種網站的會員信息展示。