CSS3是一個非常有用的Web技術，可以實現許多炫酷的效果。其中之一是制作書簽效果，下面我將介紹如何用CSS3制作書簽效果。

.bookmark {
width: 0;
height: 0;
border-top: 30px solid #007bff;
border-right: 20px solid transparent;
border-bottom: 0;
border-left: 0 solid transparent;
position: relative;
}
.bookmark:before {
content: "";
width: 20px;
height: 10px;
background-color: #007bff;
position: absolute;
top: 30px;
right: -10px;
transform: rotate(-45deg);
}

首先，我們需要創建一個父元素，用于容納書簽。我們稱這個父元素為“bookmark”。添加如下樣式，設置書簽的樣式。

在這里，我們使用了一個魔法數值（magic number）來制作書簽的三角形部分。這個數值20px是用來控制書簽的大小的，可以根據具體需要進行調整。

接下來，我們使用:before偽元素來創建書簽的尾巴。使用“content”屬性添加要顯示的文本。

好了，現在我們已經實現了一個基本的CSS3書簽！接下來，我們可以進一步改進它，添加更多樣式和交互效果。

總結一下，CSS3可以實現非常炫酷的Web效果，包括書簽效果。使用border屬性可以輕松地制作書簽的外觀，而:before偽元素則是添加書簽尾巴的好方法。