我认为好看清新的CSS 滚动条设置，备忘

最新推荐文章于 2025-04-06 18:55:34 发布
最新推荐文章于 2025-04-06 18:55:34 发布 · 156 阅读 · 0
文章标签：

#CSS

本文介绍了一种通过CSS自定义滚动条样式的实现方法。详细展示了如何设置滚动条的颜色、高度等属性，使网页界面更加个性化。
.feat_window {
 overflow: auto;
 height: 150px !important;
 height/* */:/**/140px;
 height: /**/140px;
 scrollbar-face-color:#DEDEDE;
 scrollbar-base-color:#F5F5F5;
 scrollbar-arrow-color:black;
 scrollbar-track-color:#F5F5F5;
 scrollbar-shadow-color:#EBF5FF;
 scrollbar-highlight-color:#F5F5F5;
 scrollbar-3dlight-color:#C3C3C3;
 scrollbar-darkshadow-Color:#9D9D9D;
 }
一些前端大牛都在学习的github库
孙叫兽的博客
03-02 2683
前端知识比较杂，长时间的工作容易沉浸在业务当中，技术提升有限，这里发现了前端的新大陆，可以帮助小伙伴们巩固基础知识，完善自己的知识体系，欢迎点赞收藏，兄弟们，赶紧干起来吧！1.JavaSc...
原js笔记
Pwsifeng的博客
01-10 3025
s原生JS笔记 电话：17339853876（微信同号） 二阶段学习内容 1、B/S架构（web结构） [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4LYi0Arv-1641803458638)(img1628929434621.png)] 2、前端工程师的工作 人机交互 前后端交互 3、HTML、CSS、JS的作用和关系 一个网页由三部分组成：HTML、CSS、Javascript HTML： 结构（静态） [外链图片转存失败,源站可能有防盗链
一款好看的DIV+CSS滚动条
04-30
这款滚动条还不错，而且修改容易！即使对DIV+CSS初学者都能修改使用！
滚动条css精美样式
05-12
20种自定义滚动条css样式,改变系统自带的滚动条样式
四种漂亮的滚动条样式
08-27
使用css设置漂亮的滚动条样式 使用css设置漂亮的滚动条样式 使用css设置漂亮的滚动条样式
css好看的滚动条
qq_40549954的博客
02-24 931
<div class="test test-1"> <div class="scrollbar"></div> </div> .test { width : 50px; height : 200px; overflow: auto; float : left; margin : 5px; border : none; } .scrollbar { width : 30px; height: 3
css实现漂亮的滚动条样式
热门推荐
Ghjkku的博客
06-12 13万+
css实现漂亮的滚动条样式
我的初学笔记
XinJiang_Terrorist的博客
05-02 6676
导览 1.Android UI a)Layout (CommonLayout,Adapter Layout) b)InputControls(Buttons,TextFileds,Bars) c)InputEvents(onClick,onKey,onTouch,onChecked) d)UI Components(Menu,ActionBar,Dialog,Notification,T
基于layui.upload.js 拖拽文件/文件夹上传下载
camel_gold的博客
05-16 2750
layui.upload.js 拖拽文件/文件夹上传下载
2025最新AI软件、AI绘画系统，PC端+手机端H5系统源码+Prompt指令预设使用指南
CodeRunning的博客
06-10 1267
SparkAi创作系统是一款基于OpenAi/ChatGPT、AI大模型、AI智能体（自定义GPTs智能体对接）、扣子coze、Agent智能体、AI绘画Midjourney、Dalle绘画开发的AI大模型智能问答系统、AI绘画系统、Agent智能体一站式系统；支持最新DeepSeek思考推理大模型（独家全天稳定高并发高可用），最新gpt-4o高级画图功能模型（中文文字画图大模型支持），支持deepseek-r1-671B满血版，最新gemini多模态大模型，OpenAI-o1、o3、o4推理.....
css 好看滚动条样式大全,CSS 个性化滚动条样式
weixin_39788740的博客
08-04 4576
页面中有许多内容过多时，为了不影响整体布局，总会有滚动效果代替。but,许多情况浏览器自带的滚动条样式与整体UI 界面不搭啊，怎么办，当然作为界面的化妆师CSS就出手啦~滚动条样式由多个伪类组成 下面是我的小栗子::-webkit-scrollbar{width: 10px;height: 10px;background: #013b8e;}/* 滚动槽 */::-webkit-scrollbar...
自定义滚动条
qq_36620379的博客
01-08 227
谷歌(webkit内核)浏览器 可以使用以下伪元素选择器去修改各式webkit浏览器的滚动条样式: ::-webkit-scrollbar — 整个滚动条. ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头). ::-webkit-scrollbar-thumb — 滚动条上的滚动滑块. ::-webkit-scrollbar-track — 滚动条轨道. ::...
Css实现漂亮的滚动条样式（转载）
初来乍到IT狗的博客
06-30 4134
改变浏览器中滚动条的样式
CSS 滚动条效果
Symbol_Yang
03-05 182
【代码】CSS 滚动条效果。
Css实现漂亮的滚动条
DLM1031653077的博客
09-17 263
::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: rgba(125, 125, 125, 0.7); -webki...
好看的滚动条样式，css实现好看的滚动条样式
Q378532364的博客
05-13 1598
好看的滚动条样式，css实现好看的滚动条样式
用 CSS 自定义滚动条
qq_17355709的博客
05-18 1704
简介 首先需要介绍一下滚动条的组成部分。滚动条包含 track 和 thumb，如下图所示： track是滚动条的基础，其中的 thumb是用户拖动支页面或章节内的滚动。
用Css3设置好看的滚动条
最新发布
cxsj999的博客
04-06 314
nav是我设置有滚动条的div的id,想要用的话直接把#nav改成自己有滚动条的的div。
个性化CSS滚动条美化技巧指南
CSS美化滚动条的知识点： 1. 默认滚动条的问题：大多数现代浏览器都提供了一个基本的滚动条样式，但这些样式通常看起来较为普通且缺乏灵活性。系统默认的滚动条无法满足设计师对界面美观和用户体验的高要求，因此...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值