<ul id="tab">
<li><a href="#">第一個頁簽</a></li>
<li><a href="#">第二個頁簽</a></li>
<li><a href="#">第三個頁簽</a></li>
</ul>

接下來，我們就需要使用CSS來設置頁簽的樣式。例如，我們可以設置頁簽的背景顏色、文字顏色、字體大小等等。

<style>
#tab li {
display: inline-block;
background-color: #ccc;
padding: 10px;
margin-right: 10px;
}
#tab li a {
color: #fff;
font-size: 16px;
text-decoration: none;
}
#tab li.active {
background-color: #fff;
}
#tab li.active a {
color: #333;
}
</style>

上面的代碼中，我們設置了默認狀態下頁簽的樣式，以及當點擊某個頁簽后，該頁簽變為活動狀態時的樣式。

最后，我們需要使用JS來實現頁簽的切換效果。例如，我們可以使用jQuery庫來實現點擊頁簽后切換內容的效果。

<script>
$("#tab li").click(function() {
$(this).addClass("active").siblings().removeClass("active");
var index = $(this).index();
$(".content").eq(index).show().siblings(".content").hide();
});
</script>

上面的代碼中，我們使用了jQuery的click()方法來監聽頁面中所有li元素的點擊事件。當用戶點擊某個頁簽時，我們將該頁簽設為活動狀態，并且根據其在ul中的索引值，切換顯示對應的內容。

通過以上的步驟，我們就可以實現一個基本的頁簽效果了。當然，在實際應用中，我們還可以根據需要對頁簽的樣式和效果進行更加個性化的定制。