在CSS中添加頁卡圖標(biāo)，可以通過以下步驟實現(xiàn)：

1、在HTML中創(chuàng)建一個包含頁卡圖標(biāo)的元素，

<div class="page-card">
  <i class="fa fa-home"></i>
  <span>首頁</span>
</div>

fa fa-home是Font Awesome圖標(biāo)庫中的首頁圖標(biāo)。

2、在CSS中為該元素添加樣式，

.page-card {
  display: inline-block;
  margin: 10px;
  padding: 10px;
  border: 1px solid #000;
  border-radius: 5px;
}
.page-card i {
  margin-right: 5px;
}

該樣式將頁卡圖標(biāo)顯示為一個帶有邊框的塊級元素，并設(shè)置了一些基本的樣式屬性。

3、如果需要進一步的自定義樣式，可以在CSS中添加更多的樣式規(guī)則，

.page-card.active {
  background-color: #007bff;
  color: #fff;
}

該規(guī)則將在頁卡圖標(biāo)被激活時改變其背景顏色和文字顏色。

通過以上步驟，可以在CSS中添加頁卡圖標(biāo)，并自定義其樣式以滿足不同的需求。