css修改导航条样式

css修改导航条样式css 修改导航条样式近期由于工作需要要修改 table 表格导航条样式 本人特整理出相关代码 以及最后效果 供各位小伙伴参考 具体代码如下 xp table content webkit scrollbar width 8px height 8px xp table content webkit scrollbar thumb horizontal border radius 10px background rgba 0 0 0 0

css修改导航条样式

具体代码如下:

.xp-table-content ::-webkit-scrollbar { 
    width:8px; height: 8px; } .xp-table-content ::-webkit-scrollbar-thumb:horizontal { 
    border-radius:10px; background:rgba(0,0,0,0.2); -webkit-box-shadow:inset006pxrgba(0,0,0,0.5); } .xp-table-content ::-webkit-scrollbar-thumb:vertical { 
    border-radius:0px; background:rgba(0,0,0,0.2); -webkit-box-shadow:inset006pxrgba(0,0,0,0.5); } .xp-table-content ::-webkit-scrollbar-track:vertical{ 
    background:rgba(0,0,0,0.1); } .xp-table-content ::-webkit-scrollbar-track:horizontal{ 
    background:#fff; } 

注: xp-table-content类名是给我们自己封装的table的类名。。。如果小伙伴想全局修改导航条可去掉该类名

效果图如下:
在这里插入图片描述

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

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

(0)
上一篇 2026年3月17日 下午10:44
下一篇 2026年3月17日 下午10:45


相关推荐

  • chcp编码大全

    chcp编码大全字符集 号标记的是 cmd 中包含的字符集 其它的不能使用查看当前字符集 chcp 执行下面的命令可以修改 cmd 窗口的字符集 例如 修改为 utf 8chcp65001 注意 win10 系统上面这种修改方式不是永久有效的 CodePageiden 437IBM 500IBM 708ASMO

    2026年3月17日
    3
  • Spring Boot整合RabbitMQ详细教程

    Spring Boot整合RabbitMQ详细教程1.首先我们简单了解一下消息中间件的应用场景异步处理场景说明:用户注册后,需要发注册邮件和注册短信,传统的做法有两种1.串行的方式;2.并行的方式(1)串行方式:将注册信息写入数据库后,发送注册邮件,再发送注册短信,以上三个任务全部完成后才返回给客户端。这有一个问题是,邮件,短信并不是必须的,它只是一个通知,而这种做法让客户端等待没有必要等待的东西.(2)并行方式:将注册信…

    2022年5月14日
    41
  • 数值分析(一) 牛顿插值法及matlab代码

    数值分析(一) 牛顿插值法及matlab代码目录数学:数值分析一、牛顿插值法原理1.牛顿插值多项式2.差商2.1定义2.2性质2.3差商表3.牛顿(Newton)插值公式二、牛顿插值公式matlab代码1.matlab实时在线脚本2.牛顿插值代码3.实例三、总结数学:数值分析  刚上完数值分析课在其中学习了不少的知识,课后还做了一些课程实验主要都是利用matlab编程来解决问题,接下先讲插值法中的牛顿插值法一、牛顿插值法原理1.牛顿插值多项式  定义牛顿插值多项式为:Nn(x)=a0+a1(x−x0)+a2(x−x0)(x−

    2022年6月3日
    34
  • python的多行注释

    python的多行注释1 单行注释 python 中用 进行单行注释 pirint fortest 2 多行注释 python 中多行注释是三引号 包括 和 注释内容 或者 注释内容

    2026年3月18日
    2
  • pycharm企业版激活码-激活码分享[通俗易懂]

    (pycharm企业版激活码)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.htmlMLZPB5EL5Q-eyJsa…

    2022年3月21日
    204
  • 良好的知识储备_listview控件的用法

    良好的知识储备_listview控件的用法后来呀,我遇到了LayoutParams,它说`layout_width`是它的属性而非View的,并且不只是针对这一个,而是所有以”layout_”开头的属性都与它有关!所以,它的东西当然要打上自己的标识”layout_”。(呵呵,嚣张个啥,到头来你自己还不是属于View的一部分( ̄┰ ̄*))

    2026年2月10日
    6

发表回复

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

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