定义页面滚动条样式[--图--] - taosst的BLOG - ITeye博客

`

taosst

浏览: 87457 次
性别:
来自: 北京

最近访客更多访客>>

Jeocy

bobo8088

癞蛤蟆想得真美

sirloin100

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

amtea： 21行<input type="text&qu ...
JS正则——非负整数或小数[小数最多精确到小数点后两位]
qq4940：不灵啊，不能输入小数点
JS正则——非负整数或小数[小数最多精确到小数点后两位]
dxf82decade：不错，谢谢楼主
SUN官方API中文版【JDK1.6】
aeolusj：
SUN官方API中文版【JDK1.6】
帆啸天：谢了
SUN官方API中文版【JDK1.6】

定义页面滚动条样式[--图--]

博客分类：

Html&Div&Css

阅读更多

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>滚动条样式定义</title>
<STYLE type=text/css> 
body { 
SCROLLBAR-FACE-COLOR: #ff99cc ; 
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-SHADOW-COLOR: #ff0000; 
SCROLLBAR-3DLIGHT-COLOR: #ff0000; 
SCROLLBAR-ARROW-COLOR: #ff0000; 
SCROLLBAR-TRACK-COLOR: #ffcccc; 
SCROLLBAR-DARKSHADOW-COLOR: #ffffff 
} 
</STYLE> 
</head>
<body>
<pre>
body { 
SCROLLBAR-FACE-COLOR: #ff99cc ; 
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-SHADOW-COLOR: #ff0000; 
SCROLLBAR-3DLIGHT-COLOR: #ff0000; 
SCROLLBAR-ARROW-COLOR: #ff0000; 
SCROLLBAR-TRACK-COLOR: #ffcccc; 
SCROLLBAR-DARKSHADOW-COLOR: #ffffff 
} 
CSS属性属性说明 
scrollbar-3dlight-color滚动条亮边框颜色 
scrollbar-arrow-color滚动条方向箭头的颜色 
scrollbar-darkshadow-color滚动条下边和右边的边沿颜色 
scrollbar-face-color滚动条3D表面的颜色 
scrollbar-highlight-color滚动条斜面和左面颜色 
scrollbar-shadow-color滚动条下斜面和右面颜色 
scrollbar-track-color滚动条底版颜色 
scrollbar-base-color滚动条基准颜色。
</pre>
</body>
</html>

查看图片附件

分享到：

CSS实现行编号效果[--图--] | 设置表单快捷键为ctrl+enter和alt+s

2008-10-16 10:50
浏览 1746
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

好看的滚动条样式: 标题中的“好看的滚动条样式”指的是在网页设计中对浏览器默认滚动条进行美化和定制的一种技术。滚动条作为用户浏览长内容时不可或缺的交互元素，其样式和用户体验往往被开发者忽视，但通过自定义，可以提升网站的...

jquery修改滚动条样式: 在网页设计中，滚动条作为一个默认的用户交互元素，其样式通常由浏览器默认定义，但随着网页设计的个性化和用户体验的提升，自定义滚动条样式成为了一种趋势。`jQuery`，作为一款广泛使用的JavaScript库，提供了丰富...

好的的滚动条样式: 默认的滚动条样式通常是单调且统一的，但随着网页设计的个性化趋势，设计师们开始寻求自定义滚动条样式的方法，以提升用户体验并增强网站的整体视觉效果。"好的的滚动条样式"这个主题正是针对这一需求，为那些想要...

滚动条样式 html css: 一、CSS3 自定义滚动条样式在 CSS3 中，可以使用伪元素 `::-webkit-scrollbar`、`::-webkit-scrollbar-thumb`、`::-webkit-scrollbar-track` 和 `::-webkit-scrollbar-corner` 来分别定义滚动条的宽度、滚动条滑块...

html5-页面滚动展示效果-js大屏页面特效: 2. **滚动监听**：使用JavaScript监听滚动事件，获取滚动条的位置或页面的滚动距离。 3. **计算偏移**：根据滚动距离，计算每个元素应该移动的距离。这通常涉及到一些数学计算，比如元素相对于视口的初始位置，以及...

CssScrollbar-滚动条样式制作: 在提供的文件列表中，`CssScrollbar.exe`可能是用来演示或应用这些滚动条样式的工具，而`.url`文件通常是一个快捷方式，指向一个网站或资源，可能是关于CSS滚动条样式的进一步学习资料或示例。总的来说，掌握CSS...

javascript自定义滚动条样式: JavaScript 自定义滚动条样式是一种常见的前端技术，它允许开发者通过 CSS 和 JavaScript 对浏览器默认的滚动条进行美化和个性化，以提升用户体验和界面设计的一致性。在网页设计中，滚动条往往是不可忽视的一部分，...

vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件下拉滚动条: 在前端开发中，有时我们需要对浏览器的默认滚动条进行自定义，以提升用户体验或符合页面设计风格。Vue.js，作为一款流行的JavaScript框架，提供了多种方式来实现这一需求。本篇文章将详细探讨如何在Vue项目中自定义...

伸缩菜单和自定义滚动条样式: 在网页设计中，创建动态和交互性的用户体验是至关重要的，这正是伸缩菜单和自定义滚动条样式的目的所在。这两个特性都是通过CSS3和HTML5实现的，它们为网站提供了更高级别的用户界面和视觉吸引力。首先，让我们...

网页滚动条样式css智能配色器: 网页滚动条样式是网页设计中一个常常被忽略但至关重要的细节。CSS（层叠样式表）为开发者提供了定制滚动条外观的可能性，使得滚动条能够更好地融入网页的整体设计风格，提升用户体验。本文将深入探讨如何使用CSS来...

css美化滚动条: 系统默认的滚动条样式通常比较单调，可能与整体设计风格不协调。因此，利用CSS（层叠样式表）来美化滚动条，使之与网站的视觉效果统一，是提升用户体验的重要手段。本文将详细介绍如何通过CSS来自定义和美化滚动条。...

Css样式制作的小实例页面整体风格滚动条样式安徽机电职业技术学院陈伟: 本篇文章将详细探讨“Css样式制作的小实例”，包括“页面整体风格”的构建和“滚动条样式”的定制，这些都是提升用户体验的关键要素。首先，我们来谈谈页面整体风格的制作。页面整体风格是指网站的一致性外观，...

自定义滚动条样式: "自定义滚动条样式"这个主题就是针对这种情况，允许开发者通过CSS来定制滚动条的外观，以达到更美观、更符合网站整体风格的效果。滚动条主要由以下几个部分组成：轨道（Track）、滑块（Thumb）、箭头（Buttons）和...

文件滚动-----css: 使用CSS3硬件加速、避免不必要的重排和重绘，以及适时使用虚拟滚动技术，都可以提高页面滚动的流畅性。综上所述，CSS 在文件滚动方面的应用涵盖了从基本的滚动条控制到复杂的动画效果，开发者可以通过熟练掌握这些...

vue中改变滚动条样式的方法: vuescroll是一个轻量级且功能强大的Vue滚动组件，它可以提供自定义滚动条样式、平滑滚动、滚动监听等功能。 1. **安装vuescroll**：首先，你需要通过npm安装vuescroll库： ```bash npm install vuescroll ``` ...

用jquery改变DIV的滚动条的样式: 本篇文章将深入探讨如何使用`jQuery`来改变`DIV`元素的滚动条样式，包括滚动滑块和上下按钮的图片。首先，我们要了解浏览器默认的滚动条样式通常是单调且不一致的。为了改变这种状况，我们可以借助第三方插件，如`...

带动画伸缩菜单可分级菜单超出后自动显示滚动条滚动条样式自定义: 默认的滚动条样式可能与网站或应用的整体设计不协调，因此，前端开发者常常需要通过CSS来自定义滚动条的颜色、宽度、形状等，使其与界面风格统一，提高视觉一致性。在Webkit内核的浏览器（如Chrome和Safari）中，...

用jquery制作设置浏览器水平横行滚动条样式产品: 本项目“用jQuery制作设置浏览器水平横行滚动条样式产品”旨在实现类似苹果官网的图片水平滚动条特效，为用户提供更优雅、流畅的浏览体验。首先，我们需要理解jQuery的基本概念。jQuery是由John Resig创建的一个...

滚动条样式: 综上所述，虽然传统CSS中的滚动条属性提供了一种方式来自定义滚动条样式，但为了实现跨浏览器的兼容性和更精细的控制，开发者通常会转向使用伪元素选择器和WebKit特定的样式规则。掌握这些技巧不仅能够提升网站的...

一款好看的DIV+CSS滚动条: 在默认情况下，浏览器会提供标准的滚动条样式，但这些样式可能无法满足设计师对于界面美观和一致性的需求。因此，利用CSS，我们可以自定义滚动条的颜色、形状、宽度以及滑块等元素，使其与网页整体风格相协调。这...

Global site tag (gtag.js) - Google Analytics