`

DIV滚动条<收集>

CSS 
阅读更多
所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,加入overflow的属性值,这样,当div所规范的区域内的内容达到一定程序时,滚动条就派上用场。其功能大约是为了节约页面空间,就是所谓的“缩地”了。看看效果如何吧,代码在下一楼提供。

  参考核心代码:

<DIV style="PADDING-RIGHT:10px;OVERFLOW-Y:auto;PADDING-LEFT:10px;SCROLLBAR-FACE-COLOR:#ffffff;FONT-SIZE:11pt;PADDING-BOTTOM:0px;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;OVERFLOW:auto;WIDTH:510px;SCROLLBAR-SHADOW-COLOR:#919192;COLOR:blue;SCROLLBAR-3DLIGHT-COLOR:#ffffff;LINE-HEIGHT:100%;SCROLLBAR-ARROW-COLOR:#919192;PADDING-TOP:0px;SCROLLBAR-TRACK-COLOR:#ffffff;FONT-FAMILY:宋体;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;LETTER-SPACING:1pt;HEIGHT:200px;TEXT-ALIGN:left">


  滚动条相关颜色属性:

  face-color:滑块颜色

  hightlight-color:高亮颜色

  3dlight-color:三维光线颜色

  darkshadow-color:暗影颜色

  shadow-color:阴影颜色

  arrow-color:箭头颜色

  tack-color:滑道颜色

  

  滚动条属性:

  overflow:auto为自动,yes为有,no为无

  overflow-x:横向滚动条

  overflow-y:纵向滚动条

分享到:
评论

相关推荐

    HTML语言剖析之HTML标记一览

    - 示例:`&lt;menu&gt;&lt;li&gt;第一条&lt;/li&gt;&lt;li&gt;第二条&lt;/li&gt;&lt;/menu&gt;` 5. **`&lt;dir&gt;`**:目录列表标记,同样类似于无序列表。 - 示例:`&lt;dir&gt;&lt;li&gt;第一条&lt;/li&gt;&lt;li&gt;第二条&lt;/li&gt;&lt;/dir&gt;` 6. **`&lt;dl&gt;`**:定义列表标记,用于显示...

    html+css+div 笔记

    3. `bgproperties=”fixed”`: 使背景图片固定,不会随滚动条滚动。 4. `text`: 设置文档正文的文字颜色,如:`text=”#FF6666”`。 段落和标题通过`&lt;p&gt;`和`&lt;h1&gt;`至`&lt;h5&gt;`标签实现,`&lt;hr&gt;`标签用于插入水平分隔线,...

    网页制作与网站建设技术手册

    41. **`&lt;hr&gt;`** - 绘制一条水平线,通常用于分隔内容。 42. **`&lt;html&gt;`** - 标记文档的开始和结束。所有其他HTML元素都位于这个元素内部。 43. **`&lt;i&gt;`** - 使文本以斜体显示。现在推荐使用`&lt;em&gt;`或`&lt;italic&gt;`以...

    Web前端开发试题[收集].pdf

    2. CSS 属性 `overflow` 用于设置元素超过宽度时是否隐藏或显示滚动条。 3. 在不涉及样式情况下,页面元素的优先显示与结构摆放顺序有关。 4. 在不涉及样式情况下,页面元素的优先显示与标签选用有关。 5. `display:...

    使用新闻资讯前端静态页面

    评论区可使用`&lt;form&gt;`表单来收集用户反馈,`&lt;textarea&gt;`用于输入评论,`&lt;button&gt;`提交按钮,`&lt;div&gt;`或`&lt;section&gt;`组织不同部分。 4. **HTML基础知识** - **结构标签**:HTML5引入了语义化标签如`&lt;header&gt;`、`&lt;nav&gt;...

    HTML5期末考核大作业、HTML个人主页界面设计源码

    &lt;li&gt;&lt;a href="#projects"&gt;我的项目&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#skills"&gt;技能&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#contact"&gt;联系我&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; &lt;main&gt; &lt;section id="about"&gt; &lt;h1&gt;关于我&lt;/h1&gt; &lt;p&gt;...

    微信小程序的一些控件

    9. **&lt;form&gt;**:表单组件,可以收集用户输入的数据,通常与&lt;button&gt;配合使用,用于提交表单。 10. **&lt;checkbox&gt;** 和 **&lt;radio&gt;**:复选框和单选按钮,用于多选和单选场景。 11. **&lt;slider&gt;**:滑动条控件,用户...

    使用js动态增加记录

    - **滚动条处理**:当表格内容超过容器大小时,自动添加滚动条。 3. **增删操作**: - **添加记录**:当用户完成表单填写后,通过JavaScript收集表单数据,并将其添加到表格中。 - **删除记录**:为每条记录提供...

    htmlcss考试题.docx

    框架的属性包括边框颜色、宽度以及是否显示滚动条。 4. **表格(Tables)**:`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;`和`&lt;th&gt;`等标签用于创建表格。表格的宽度、间距、填充和边框都可以通过CSS来调整。例如,`&lt;table width="699...

    HTML笔记1(2024.3.14)第一篇博客

    &lt;/div&gt; ``` #### 三、表单标签详解 ##### 1. 表单标签`&lt;form&gt;` - **作用**:收集用户输入的信息。 - **属性**: - `action`:指定处理表单数据的服务器脚本地址。 - `method`:指定发送表单数据的方法,如`GET...

    html入门到放弃笔记

    标记在使用时,用尖括号 "&lt;&gt;",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:&lt;标记&gt;内容&lt;/标记&gt; Demo : 1、创建 p 标记 --&lt;p&gt;...&lt;/p&gt; 2、创建 div 标记 -- &lt;div&gt;&lt;/div&gt; 3、创建 ...

    HTML习题集HTML习题集

    6. **对齐方式**:文本的对齐可以通过`&lt;div&gt;`标签的`align`属性来设置,如`align="left"`(左对齐)、`align="right"`(右对齐)、`align="center"`(居中对齐)和`align="justify"`(两端对齐)。注意`align=...

    几个经典的导航条,css+div+js写的,个人收集

    2. **滚动监听**:通过`window.scrollY`和`window.innerHeight`等属性,当用户滚动到特定位置时,可以固定导航条在顶部,实现“粘性”效果。 3. **动态加载**:结合Ajax,可以实现导航条链接不刷新页面的情况下加载...

    textArea滚动条样式

    创建覆盖在`textarea`上的透明div,监听滚动事件,手动调整div的位置以模拟滚动条效果。这种方法较复杂,需要考虑更多的边界情况和性能优化。 4. **浏览器检测与条件样式** 可以使用JavaScript检测浏览器类型,...

    green-champion

    9. **表单元素**:`&lt;form&gt;`、`&lt;input&gt;`、`&lt;textarea&gt;`和`&lt;select&gt;`用于用户输入,可能在"绿色冠军"项目中用于收集用户反馈或注册信息。 10. **响应式设计**:使用CSS媒体查询(`@media`)和HTML5的`&lt;meta name=...

    网页浮动qq

    网页浮动QQ还需要JavaScript的支持来实现动态效果,如跟随滚动条移动、显示隐藏等。示例中的JavaScript代码用于控制浮动窗口随着页面滚动而移动。 ```javascript var stmnGAP1 = 0; var stmnGAP2 = 96; var ...

    网页设计与制作课程_汽车美容系统

    6. **适应性**:考虑不同显示器分辨率,避免水平滚动条,保证图片适应性。 7. **链接有效性**:确保各页面间链接合理,使用相对路径。 8. **代码质量**:要求代码结构清晰,避免冗余。 **设计内容** 1. **汽车美容...

    news-admin

    例如,`&lt;article&gt;`元素可能用于包裹每条新闻的详细内容,`&lt;header&gt;`和`&lt;footer&gt;`用于头部和底部信息,而`&lt;nav&gt;`则用于导航菜单。`&lt;form&gt;`元素可能用于创建数据输入表单,让管理员能够添加或编辑新闻。 除了基本的...

    HTML框架代码全集.pdf

    - `&lt;frame&gt;`标签用于定义框架集中的单个框架,可以设置框架的名称、边框大小、是否可调整大小、滚动条等属性。 3. ASP代码:Active Server Pages,一种服务器端脚本环境,用于创建动态交互式网页。 - `&lt;meta ...

Global site tag (gtag.js) - Google Analytics