厄~我教到那里了
我忘记了
这个不知道说过了没
管他的我继续教喽
一.右侧滚动条
1.以下是效果和代码
<DIV align=center>
<DIV style='color: blue; background-color: white; border: green solid 1px; width: 420px; height: 100px;
overflow: scroll; scrollbar-face-color: #ABCDEF; scrollbar-shadow-color: #6666FF; scrollbar-highlight-color: #CCCCCC; scrollbar-3dlight-color: #6666FF; scrollbar-darkshadow-color: #6699CC; scrollbar-track-color: #99CCFF; scrollbar-arrow-color: #99CCFF;'>
日志图文内容
</DIV></DIV>
Color: blue —— 现在的前景文字颜色为蓝色
Background-color: white —— 现在的背景颜色为白色
Border: black solid 1px —— 黑色实线边框宽度为 1px
Width: 420px; Height: 100px —— 滚动窗口宽度 420px高度 100px
Overflow: scroll —— 总是显示滚动条;如果将 scroll 改为 auto
则仅当日志内容超过边框限制时
才显示滚动条(不需要下面的滚动条就用这个命令)
如果将 sroll 改为 hidden
则滚动文字窗口内不显示任何滚动条
其他没介绍的语句均为滚动条颜色设置
二.左侧滚动条
1.以下是效果和代码
<DIV align=center>
<DIV style="BORDER: black solid 1px; OVERFLOW: auto; WIDTH: 420px; HEIGHT: 100px; DIRECTION: rtl" >
<DIV style="DIRECTION: ltr;" align=left>
日志图文内容
</DIV></DIV></DIV>
Direction: rtl —— 这里是将滚动条放置到左边的关键
Direction: ltr —— 这里是确保文字输入方式还是从左到右
其中滚动条样式、颜色都使用了默认值
三.透明的滚动条
1.一下是效果和代码
<DIV align=center>
<DIV style='color: navy; background-color: pink; border: orange solid 1px; width: 420px; height: 100px;
overflow: auto; scrollbar-face-color: pink; scrollbar-shadow-color: pink; scrollbar-highlight-color: pink; scrollbar-3dlight-color: pink; scrollbar-darkshadow-color: pink; scrollbar-track-color: pink; scrollbar-arrow-color: navy;'>
日志图文内容
</DIV></DIV>
就是把所以滚动条的颜色都设成和背景色一样就可以了
只保留Scrollbar-arrow-color 为不同于背景色的颜色
基本上给大家推荐这个东东的原因是
大家都说跑跑的blog日志太长了
利用这个滚动条其实就可以大大的缩短日志的长度了
不过说实在的
跑跑对滚动条实在没什么好感呵呵