個(gè)人資料卡是網(wǎng)站設(shè)計(jì)中常見的一種元素，通過CSS樣式可以輕松地為個(gè)人資料卡添加樣式，讓其更加美觀和易于使用。

首先，我們需要為個(gè)人資料卡設(shè)置一個(gè)基本的樣式，如下所示：

.card {
width: 300px;
height: 200px;
background-color: #f7f7f7;
border-radius: 5px;
padding: 10px;
}

接下來，我們可以為個(gè)人資料卡添加一些細(xì)節(jié)樣式，例如圓角邊框、陰影效果等：

.card {
width: 300px;
height: 200px;
background-color: #f7f7f7;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
padding: 10px;
}

為個(gè)人資料卡添加一些對鼠標(biāo)懸停的交互效果也是不錯(cuò)的選擇：

.card:hover {
transform: scale(1.05);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

最后，我們可以為個(gè)人資料卡中的頭像和名稱添加一些特殊樣式：

.card .avatar {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
}
.card .avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card h2 {
font-size: 1.5rem;
margin-top: 10px;
text-align: center;
color: #333;
}

在HTML中添加以下代碼即可使用上述CSS樣式：

<div class="card">
<div class="avatar">
<img src="avatar.png" alt="Avatar">
</div>
<h2>張三</h2>
<p>27歲，莫斯科大學(xué)碩士，前端工程師。</p>
</div>

通過這些簡單的CSS樣式，我們可以輕松地實(shí)現(xiàn)漂亮的個(gè)人資料卡設(shè)計(jì)。在實(shí)際應(yīng)用中，我們可以根據(jù)具體需求進(jìn)行修改和優(yōu)化，讓設(shè)計(jì)更加完美。