|
|
/* 分页按钮容器的样式 */
|
|
|
.page-go-form {
|
|
|
float: right; /* 右浮动，使容器靠右显示 */
|
|
|
margin-right: 40px; /* 右边距为40px */
|
|
|
width: 200px; /* 宽度为200px */
|
|
|
}
|
|
|
|
|
|
/* 分页栏的容器样式 */
|
|
|
.page-bar {
|
|
|
width: 600px; /* 宽度为600px */
|
|
|
height: 30px; /* 高度为30px */
|
|
|
float: right; /* 右浮动，使分页栏靠右显示 */
|
|
|
}
|
|
|
|
|
|
/* 分页数字的容器样式 */
|
|
|
.page-num-ul {
|
|
|
width: 250px; /* 宽度为250px */
|
|
|
height: 30px; /* 高度为30px */
|
|
|
padding-left: 100px; /* 左边距为100px，用于调整位置 */
|
|
|
float: left; /* 左浮动，使其在分页栏中靠左显示 */
|
|
|
font-size: 14px; /* 字体大小为14px */
|
|
|
}
|
|
|
|
|
|
/* 分页链接（数字）的样式 */
|
|
|
.pg_a {
|
|
|
margin: 0 5px; /* 设置左右边距为5px，避免元素之间重叠 */
|
|
|
}
|
|
|
|
|
|
/* 分页链接（数字）鼠标悬停时的样式 */
|
|
|
.pg_a:hover {
|
|
|
color: #00a4ac; /* 鼠标悬停时，文字颜色变为蓝绿色 */
|
|
|
margin: 0 5px; /* 鼠标悬停时，保持左右边距为5px */
|
|
|
}
|
|
|
|
|
|
/* 输入框的样式，用于直接输入页码 */
|
|
|
#inputPage {
|
|
|
width: 50px; /* 宽度为50px */
|
|
|
}
|
|
|
|
|
|
/* 分页按钮的样式 */
|
|
|
.page-btn {
|
|
|
margin: 0 3px; /* 左右边距为3px，避免按钮之间太紧 */
|
|
|
width: 50px; /* 宽度为50px */
|
|
|
cursor: pointer; /* 鼠标指针变为点击状态 */
|
|
|
color: #ffffff; /* 文字颜色为白色 */
|
|
|
background-color: #009688; /* 背景颜色为深青色 */
|
|
|
}
|
|
|
|
|
|
/* 分页按钮鼠标悬停时的样式 */
|
|
|
.page-btn:hover {
|
|
|
opacity: 0.7; /* 鼠标悬停时，按钮的透明度降低至0.7 */
|
|
|
cursor: pointer; /* 鼠标指针变为点击状态 */
|
|
|
background-color: #009688; /* 背景颜色保持不变 */
|
|
|
}
|
|
|
|
|
|
/* 自动分页按钮的容器样式 */
|
|
|
#f_auto {
|
|
|
margin: 0 auto; /* 水平居中 */
|
|
|
margin-top: 40px; /* 上边距为40px */
|
|
|
width: 400px; /* 宽度为400px */
|
|
|
}
|
|
|
|
|
|
/* "立即跳转"按钮的样式 */
|
|
|
#btn_on {
|
|
|
width: 260px; /* 宽度为260px */
|
|
|
margin-left: 45px; /* 左边距为45px */
|
|
|
}
|
|
|
|
|
|
/* 设置特定文本的字母间距 */
|
|
|
.f_sp {
|
|
|
letter-spacing: 16px; /* 设置字母间距为16px */
|
|
|
}
|
