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: “…”;

}

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • webpack中设置jquery为全局对象 第二个是过滤包添加cdn

    webpack中设置jquery为全局对象 第二个是过滤包添加cdn

  • 如何清理电脑中c盘的垃圾_计算机基本组成

    如何清理电脑中c盘的垃圾_计算机基本组成系统盘,也就是我们常说的C盘!必须要保持足够的存储空间,才能够确保电脑不会运行卡顿,或者出现一些系统性的问题。其实,我们安装系统的时候,C盘最多也就被占用20G左右的空间。但是C盘作为系统盘,电脑运行时所产生的系统缓存文件、垃圾文件以及程序运行文件等等,都会不断的占用C盘的空间,使得C盘越来越小,电脑越用越卡!今天大白菜就和大家分享4招c盘清理方法,让大家的C盘可以腾出更多的空间,保证电脑运行更加…

  • MyBatis模糊查询的4种实现方式

    MyBatis模糊查询的4种实现方式1、根据姓名模糊查询员工信息1.1、方式一步骤一:编写配置文件步骤二:测试步骤三:分析此种方式需要在调用处手动的去添加“%”通配符。1.2、方式二说明:使用方式一可以实现模糊查询,但是有一点不方便的地方就是:在测试类中,调用selectList()方法传参时需要调用者手动的添加%号通配符,显然是麻烦的,能否在映射配置文件中直接将%号写好呢?有的朋友可能会这么想,好办,直接在配置文件中这么写:形如1:测试后发现,程序会报错,原因是:缺少单引号。这…

    2022年10月28日
  • 经典欧美电影推荐

    经典欧美电影推荐

  • pycharm2019.2.6版本改中文_pycharm怎么更改python环境

    pycharm2019.2.6版本改中文_pycharm怎么更改python环境1.文件——设置——项目——python解释器2.点最右边的设置图标——添加3.选择现有环境——点击右边省略号4.找到你要的python版本的地址——找到python.exe——确定做完这些就完成了

  • hive、hadoop面试题

    hive、hadoop面试题有如下hive记录表records,记录车辆的过车信息:createtablerecords(idstring,//记录编号indatestring,//过车记录时间plate_nostring,//车辆号牌device_idint,//经过的设备编号)partitionedby(monthstring,daystring)rowformatdelimitedfieldsterminatedby’\t’storedasORC;1…

发表回复

您的电子邮箱地址不会被公开。

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