在CSS中，黑桃圖標是一種流行的設計元素。通過使用合適的代碼，您可以簡單地添加一個黑桃形狀的圖標來增強您的網頁設計。

.card {
position:relative;
width:60px;
height:80px;
border-radius:5px;
box-shadow:1px 1px 4px rgba(0,0,0,0.3);
background-color:#fff;
}
.card .spade {
position:absolute;
top:10px;
left:50%;
transform:translateX(-50%);
width:25px;
height:25px;
background-color:#000;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

以上CSS代碼展示了如何在一個卡片元素中添加一個黑桃形狀的圖標。通過使黑桃元素相對于卡片元素進行定位，并使用clip-path實現它的形狀，您可以輕松地添加黑桃形狀的圖標。您還可以使用陰影效果增強這個元素的外觀。

通過使用這些代碼，您可以在網頁中添加一個簡單而有趣的設計元素，使您的頁面更加引人注目。