html直接分页的样式,HTML分页样式「建议收藏」

html直接分页的样式,HTML分页样式「建议收藏」.container{background:#fdfdfd;padding:1rem;margin:3remauto;border-radius:0.2rem;counter-reset:pagination;text-align:center;}.container:after{clear:both;content:””;display:table;}.container…

大家好,又见面了,我是你们的朋友全栈君。

.container {

background: #fdfdfd;

padding: 1rem;

margin: 3rem auto;

border-radius: 0.2rem;

counter-reset: pagination;

text-align: center;

}

.container:after {

clear: both;

content: “”;

display: table;

}

.container ul {

width: 100%;

}

.large {

width: 45rem;

}

.pagination ul, li {

list-style: none;

display: inline;

padding-left: 0px;

}

.pagination li {

counter-increment: pagination;

}

.pagination li:hover a {

color: #fdfdfd;

background-color: #1d1f20;

border: solid 1px #1d1f20;

}

.pagination li.active a {

color: #fdfdfd;

background-color: #1d1f20;

border: solid 1px #1d1f20;

}

.pagination li:first-child a:after {

content: “”;

}

.pagination li a {

border: solid 1px #d6d6d6;

border-radius: 0.2rem;

color: #7d7d7d;

text-decoration: none;

text-transform: uppercase;

display: inline-block;

text-align: center;

padding: 0.5rem 0.9rem;

}

.pagination li a:after {

content: ” ” counter(pagination) ” “;

}

.large li a {

display: none;

}

.large li:first-child a {

display: inline-block;

}

.large li:first-child a:after {

content: “”;

}

.large li:nth-last-child(2) a {

display: inline-block;

}

.large li:nth-last-child(3) {

display: inline-block;

}

.large li:nth-last-child(3):after {

padding: 0 1rem;

content: “…”;

}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/160613.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • java目录删除_java删除文件及目录[通俗易懂]

    java目录删除_java删除文件及目录[通俗易懂]java中删除目录事先要删除目录下的文件或子目录。用递归就可以实现。publicvoiddel(Stringfilepath)throwsIOException{Filef=newFile(filepath);//定义文件路径if(f.exists()&&f.isDirectory()){//判断是文件还是目录if(f.listFiles().length==…

    2022年6月5日
    33
  • 女朋友都看得懂的服务器搭建(纯小白超详细图文教程,阿里云服务器搭建)[通俗易懂]

    女朋友都看得懂的服务器搭建(纯小白超详细图文教程,阿里云服务器搭建)[通俗易懂]文章目录前言一、1.2.二、1.2.总结前言为什么写这篇文章:我的一篇学习笔记,同时分享给大家,互帮互助共同进步。适宜人群:你将学习到:条件:一台联网的电脑资料参考:注意:本文仅供学习使用,如有侵权,请联系作者删除。一、1.2.二、1.2.总结…

    2025年5月24日
    0
  • origin2018多因子组柱状图_对比柱状图怎么做

    origin2018多因子组柱状图_对比柱状图怎么做如图1,数据包含两个分组列(X轴),A列表示小分组,B列表示大分组,C/D/E三列表示三个因子列,作为Y轴。同样的方式,可以在E轴后侧依次添加数据增加四,五,六等多个因子。图1数据输入格式按照上图方式输入数据后,选中数据Origin多因子柱状图教程(二)origin图表坐标轴下的分组表格是怎么添加的?…

    2022年9月29日
    0
  • Java开发手册之日志规约

    Java开发手册之日志规约Java开发手册之日志规约

    2022年4月22日
    41
  • C#中File和FileStream的用法

    C#中File和FileStream的用法在近期的工作过程中发现自己的基础比较薄弱,所以最近在恶补基础知识。下面就对我所学习的File类和FileStream进行简单的总结。1.首先先介绍File类和FileStream文件流1.1File类,是一个静态类,支持对文件的基本操作,包括创建,拷贝,移动,删除和打开一个文件。File类方法的参量很多时候都是路径path。主要提供有关文件的各种操作,在使用时需要引用System.IO命名…

    2022年7月24日
    16
  • java 设置代理服务器_网络代理

    java 设置代理服务器_网络代理importjava.io.BufferedReader;importjava.io.InputStreamReader;importjava.io.PrintWriter;importjava.net.*;importjava.util.Base64;publicclassTest{publicstaticvoidmain(String[]arg…

    2022年9月10日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号