css定义网页,CSS定义网页滚动条

(一)滚动条样式主要涉及到如下CSS属性:

overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容

overflow: auto; 在需要时内容会自动添加滚动条

overflow: scroll; 总是显示滚动条

overflow-x: hidden; 禁止横向的滚动条

overflow-y: scroll; 总是显示纵向滚动条

(二)以下代码定义滚动条的样式：

BODY {

SCROLLBAR-FACE-COLOR: #f892cc;        //滚动条凸出部分的颜色

SCROLLBAR-HIGHLIGHT-COLOR: #f256c6;     //滚动条空白部分的颜色

SCROLLBAR-SHADOW-COLOR: #fd76c2;     //立体滚动条阴影的颜色

SCROLLBAR-3DLIGHT-COLOR: #fd76c2;     //滚动条亮边的颜色

SCROLLBAR-ARROW-COLOR: #fd76c2;     //上下按钮上三角箭头的颜色

SCROLLBAR-TRACK-COLOR: #fd76c2;     //滚动条的背景颜色

SCROLLBAR-DARKSHADOW-COLOR: #f629b9;     //滚动条强阴影的颜色

SCROLLBAR-BASE-COLOR: #e9cfe0;     //滚动条的基本颜色

}

注意：如果你的静态页面顶端有类似与这样的代码-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> ，请将这段代码删除或将BODY {…}更改为HTML{…}即可见滚动条效果。

(三)网页中去掉滚动条：

去掉横向滚动条：

去掉竖向滚动条：

两个都去掉：

框加中去滚动条在name=””后面加 scrolling=”No”

css定义好看的垂直滚动条

滚动条的css样式主要有三部分组成: 1.::-webkit-scrollbar   定义了滚动条整体的样式:    2.::-webkit-scrollbar-thumb  滑块部分:     3. ...

利用DIV+CSS制作网页过程中常用的基本概念及标签使

CSS主要用于对HTML文件功能的补充及扩展,其作用就是对HTML文件中各种排版进行设置,达到对网页中字体.颜色.背景.图片等的控制,使网页能够完全依照设计者的想法来显示. CSS可以控制网页的显示, ...

js网页滚动条滚动事件实例分析

本文实例讲述了js网页滚动条滚动事件用法.分享给大家供大家参考.具体分析如下: 在做js返回顶部的效果时,要监听网页滚动条滚动事件,这个事件就是:window.onscroll.当onscroll事件 ...

PHP.3-DIV+CSS标准网页布局准备工作(上)

DIV+CSS标准网页布局准备工作(上) 概述 使用"DIV+CSS"对网站进行布局符合W3C标准,采用这种方式布局通常是为了说明与HTML表格定位方式的区别.因为现在的网站设计标 ...

利用DIV+CSS制作网页过程中常用的基本概念及标签使用细节

CSS主要用于对HTML文件功能的补充及扩展,其作用就是对HTML文件中各种排版进行设置,达到对网页中字体.颜色.背景.图片等的控制,使网页能够完全依照设计者的想法来显示. CSS可以控制网页的显示, ...

jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法(转)

系统默认的滚动条样式,真的已经看的够恶心了.试想一下,如果在一个很有特色和创意的网页中,出现了一根系统中默认的滚动条样式,会有多么的别扭. 为了自己定义网页中的滚动条的方法,我真的已经找了很久了,就目 ...

CSS+DIV网页样式与布局：第二章：CSS的基本语法

第二章:CSS的基本语法 一 CSS选择器(所有的HTML语言中的标记都是通过不同的css选择器进行控制的).用户只需要 通过选择器对不同的HTML标签进行控制,并赋予各种样式声明,即可实现各种效果. ...

web的各种前端打印方法之CSS控制网页打印样式

来源:http://www.jb51.net/web/70358.html CSS控制网页打印样式: 使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人 ...

PHP.4-DIV+CSS标准网页布局准备工作(下)

DIV+CSS标准网页布局准备工作 区块属性(区块模型) 属 性 描 述 Margin(注) 是定义区块外边界与上级元素距离的属性,用1到4个值来设置元素的边界,每个值都是长度.百分比或者auto,百 ...

随机推荐

VirtualBox piix4_smbus Error

VirtualBox piix4_smbus Error   VirtualBox 3.2.10 gives me the following error message when booting U ...

[我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之灯光介绍Lights

[我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之灯光介绍Lights 既上一篇分享了中文字幕的摄像机介绍Cameras后,本篇分享一下第2个已完工的 ...

CSS3必须要知道的10个顶级命令

1.边框圆角(Border Radiuas) 这个是我们在平常很常用的吧,以前我在用div圆角的时候,特别特别的痛苦,不管是用CSS来画圆角,还是用图片来画圆角都不那么容易,但是现在好了,在CSS3中 ...

安卓开发笔记——Fragment+ViewPager组件(高仿微信界面)

什么是ViewPager? 关于ViewPager的介绍和使用,在之前我写过一篇相关的文章,不清楚的朋友可以看看,这里就不再 ...

Jquery基础知识；

1.jquery语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作. 基础语法: $(selector).action() 美元符号定义 jQuery 选择符(select ...

java浮点型比较大小

======1   java浮点型比较大小 Float.parseFloat(String)和Float.valueOf(String).floatValue()的区别 Float.parseFloa ...

MTK6577 Android源代码目录

MTK6577 Android源代码目录 1.     MTKAndroid4.0 源代码目录 (1)  makeMtk 整个工程编译或是构建(make/build)的入口. (2)  abi 应用程 ...

C#中指针使用总结

C#为了类型安全,默认并不支持指针.但是也并不是说C#不支持指针,我们可以使用unsafe关键词,开启不安全代码(unsafe code)开发模式.在不安全模式下,我们可以直接操作内存,这样就可以使用 ...

Eclipse扩展点实践之添加快捷菜单项(Command方式实现)

有两种方式,一种是Action的方式,另一种是Command的方式(这两种方式的区别详见:http://wiki.eclipse.org/FAQ_What_is_the_difference_betw ...

css基础：样式属性

1.背景与前景:background-color::背景色,样式表优先级高. background-image:url(路径):设置背景图片 background-attachment:fixed:背 ...