CSS 是一種很強大的前端樣式語言，它不僅可以實現視覺上的效果，還可以實現用戶交互的功能。在我們使用瀏覽器時，常常會發現一個很有用的功能——書簽。下面就讓我們來使用 CSS 實現一個簡單的書簽。

/* CSS 代碼 */
.bookmark {
position: fixed;
top: 10px;
left: 10px;
padding: 10px 20px;
background-color: #ffffff;
box-shadow: 0px 0px 10px #888888;
border-radius: 5px;
z-index: 9999;
}
.bookmark a {
color: #000000;
text-decoration: none;
}
.bookmark a:hover {
color: #ff0000;
}
/* HTML 代碼 */
<div class="bookmark">
<a href="#content">跳轉到正文</a>
</div>

上面的 CSS 代碼使用了 position 屬性將書簽固定在網頁的左上角，使用了 padding 屬性設置內邊距，使用了 background-color 屬性設置背景顏色，使用了 box-shadow 屬性設置陰影效果，使用了 border-radius 屬性設置圓角效果，使用了 z-index 屬性設置層級。

對于書簽中的鏈接部分，使用了 color 屬性設置字體顏色，使用了 text-decoration 屬性去掉下劃線，使用了 :hover 偽類設置鼠標懸停時的效果。

最后，HTML 中的書簽部分使用了 div 標簽，class 屬性為 bookmark，鏈接部分使用了 a 標簽，href 屬性為目標跳轉位置的 id。