CSS卡片人物制作是一種常見的前端開發技術，它可以用來創建漂亮的卡片人物，讓頁面更加生動有趣。下面我們將介紹如何通過CSS來制作一個簡單的卡片人物。

.card {
width: 200px;
height: 300px;
background-color: #fff;
border-radius: 10px;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
overflow: hidden;
position: relative;
}
.card .avatar {
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #333;
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
}
.card .name {
font-size: 24px;
font-weight: bold;
margin-top: 120px;
text-align: center;
}
.card .description {
font-size: 16px;
margin-top: 10px;
text-align: center;
}
.card .social-links {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
}
.card .social-links a {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #eee;
margin: 0 10px;
}
.card .social-links a i {
color: #333;
font-size: 20px;
line-height: 40px;
text-align: center;
}

以上是一個基本的CSS樣式代碼，接下來我們可以在HTML文件中使用這些代碼來創建一個完整的卡片人物：

李雷
一名優秀的Web前端工程師

通過以上的HTML和CSS代碼，我們已經成功地制作出一個簡單的卡片人物。接下來我們可以根據需求對卡片人物進行定制，例如更改背景顏色、更新社交媒體鏈接等等。