1. 创建HTML书签
要创建HTML书签，需要使用HTML标签和属性。以下是一个简单的示例：
“`html
<a href=”书签1.html”>书签1</a>
<a href=”书签2.html”>书签2</a>
<a href=”书签3.html”>书签3</a>
2. 创建CSS书签
创建CSS书签可以使用CSS类和属性。以下是一个简单的示例：
“`css
/* 创建第一页书签 */
.书签1 {
position: relative;
width: 200px;
height: 200px;
.书签1:before {
content: “\0000”;
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 100%;
background-color: transparent;
/* 创建第二页书签 */
.书签2 {
position: relative;
width: 200px;
height: 200px;
.书签2:before {
content: “\0001”;
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 100%;
background-color: transparent;
/* 创建第三页书签 */
.书签3 {
position: relative;
width: 200px;
height: 200px;
.书签3:before {
content: “\0002”;
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 100%;
background-color: transparent;
在上面的示例中，`<a>`标签用于创建书签，`class`属性指定书签的样式。`:before`属性用于在书签前面添加一个图标，可以根据需要进行修改。
3. 使用CSS创建多页书签
可以使用CSS创建多页书签。例如，以下代码可以创建第四页和第五页的书签：
“`css
/* 创建第四页书签 */
.书签4 {
position: relative;
width: 200px;
height: 200px;
.书签4:before {
content: “\0000”;
position: absolute;
top: 200px;
left: 0;
width: 200px;
height: 100%;
background-color: transparent;
/* 创建第五页书签 */
.书签5 {
position: relative;
width: 200px;
height: 200px;
.书签5:before {
content: “\0001”;
position: absolute;
top: 100px;
left: 0;
width: 200px;
height: 100%;
background-color: transparent;
在上面的示例中，`<a>`标签用于创建书签，`class`属性指定书签的样式。`:before`属性用于在书签前面添加一个图标，可以根据需要进行修改。
使用CSS加书签可以方便地收藏网页内容，日后查看时也可以快速切换。