/* 分页按钮容器的样式 */ .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 */ }