CSS是網站設計中最重要的元素之一，它可以改變頁面的外觀和樣式。其中，名片樣式是一種非常流行的樣式，它可以讓你的個人信息更好地展示在網頁上。下面我們來看一下實現名片樣式的CSS代碼：

.card {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
padding: 10px;
width: 300px;
margin: 0 auto;
}
.card .avatar {
border-radius: 50%;
float: left;
margin-right: 10px;
width: 60px;
height: 60px;
}
.card h1 {
margin: 0;
font-size: 22px;
}
.card p {
margin: 5px 0;
font-size: 16px;
}
.card .contact {
margin-top: 10px;
}
.card .contact i {
margin-right: 5px;
color: #666;
}

代碼中，我們首先定義了一個名為.card的樣式，主要包括背景顏色、邊框、圓角、陰影、內邊距和寬度等屬性。接下來，我們使用.avatar和.contact類對頭像和聯系方式進行了樣式定義。

在具體的CSS樣式代碼中，我們使用了常用的CSS屬性，如：background-color、border、border-radius、box-shadow、padding、float、margin、width、height、font-size、color等。除此之外，我們還使用了偽類選擇器，如：.card h1對標題進行了樣式定義；.card p對段落進行了樣式定義；.card .contact i對icon進行了樣式定義。

通過這些樣式定義，我們可以輕松地創建一個漂亮而具有個性的名片樣式，并讓自己的個人信息更好地展示在網頁上。