偶看新闻交警怕不怕行政复议:Space 简易教程（二十五）—— 带滚动条的日志
来源：百度文库 编辑：偶看新闻 时间：2024/05/01 01:39:08
Space 简易教程（二十五）—— 带滚动条的日志当要写篇幅较长的日志时，可以考虑给日志加上滚动条，这样日志在 MSN Space 空间中所占的页面就不会过长。另外，有的朋友希望每篇日志的大小都差不多，那么也可以考虑通过带滚动条的图文框的办法来统一篇幅。滚动条的添加是通过 CSS 语言中 Style 的使用来完成的，下面我就举几个简单的例子来介绍一下滚动条。
（一）右侧滚动条
实例：
数字、数学符号 ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ? ? ? ? ? ? ? ? ? ?
⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂ ⒃ ⒄ ⒅ ⒆ ⒇
⒈ ⒉ ⒊ ⒋ ⒌ ⒍ ⒎ ⒏ ⒐ ⒑ ⒒ ⒓ ⒔ ⒕ ⒖ ⒗ ⒘ ⒙ ⒚ ⒛
ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ ? ?
Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ
一 二 三 四 五 六 七 八 九 十
㈠ ㈡ ㈢ ㈣ ㈤ ㈥ ㈦ ㈧ ㈨ ㈩
№ ? ¼ ? ½ ? ¾ ?
+ - × ÷ ± ＋ － ＝ ≡ ≠ ≒ ≈ ≌ ~ ～﹢ ╳ ⊕ Θ % ‰ ％ ∵ ∴ ∷ ∏ ＜ ＞ ≦ ≧ ≤ ≥﹤ ﹥∩ ∪ ∈ ￠ ° ⊥ ∠ ∟ ⊿ △ ㏒ ∑ ∂ ∫∮∞（ 〔 ﹙﹚ 〕） ｛ ﹛﹜｝ √ ㄨ
语句：
Style 语句解释：
Color: blue —— 前景文字颜色为蓝色
Background-color: white —— 背景颜色为白色
Border: black solid 1px —— 黑色实线边框，宽度为 1px
Width: 420px; Height: 100px —— 滚动窗口宽度 420px，高度 100px
Overflow: scroll —— 总是显示滚动条；如果将 scroll 改为 auto，则仅当日志内容超过边框限制时，才显示滚动条（不需要下面的滚动条就用这个命令）；如果将 sroll 改为 hidden，则滚动文字窗口内不显示任何滚动条（特殊用途，以后讲吧）
其他语句均为滚动条颜色设置，大家可以自己动手改改看。
（二）左侧滚动条
实例：
特殊中文字符
日 月 金 木 水 火 土 株 有 社 名 特 财 祝 劳 适 优 ? 注 项 休 写 医 宗 学 监 企 资 协 夜 男 女 秘 ㊣ ? ? ? ? ?
㈱ ? 囍 卐 卍
特殊西文字符
à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ø ù ú û ü ý þ ÿ ō ǒ ǎ
À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö Ø Ù Ú Û Ü Ý Þ ß ε ф μ ξ ζ ω Ω ψ Ψ Café
© ® ? ℃ ℉ Ω ㏎
语句：
日志图文内容
Style 语句解释：
Direction: rtl —— 是将滚动条放置到左边的关键
Direction: ltr —— 是确保文字输入方式还是从左到右
其中滚动条样式、颜色都使用了默认值，所以这个例子除了将滚动条放置到了左侧以外，基本可以说是采用了最简单的滚动条语句。
（三）透明的滚动条
实例：
图形符号♂ ♀ ♠ ♣ ♥ ♦ ? ? ◇ ? ? ? ? ? ? ? ? ? ? ﹡ ＊ ¤ ? ? ? ? ☆ ★ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ☆ ★ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? √ ? ? ? ? ㄨ ? ? ? ? ? ? ? ? ? ? ? ? ? ﹎ ? ¡ Þ ? ? 〝〞ミ灬 ツ? ? L ? ? ? ? ? Ξ ぷ 々∞ o‘.‘o ? ? ? ? ? ? ? ºº ? 〒 ≡ ? и ァ γ ㄒ ︶︿ しノж ю Ю 乀 ?? Ш ? ? ? ˇ 彡
语句：
Style 语句解释：
其实很简单，就是把所以滚动条的颜色都设成和背景色一样，比如这个例子中的 Pink。只保留 Scrollbar-arrow-color 为不同于背景色的颜色，比如例子中的 Navy。这样用鼠标点击两个向上、向下的小箭头即可滚动图文框中的内容。
以上范例所用语句，来源于网络，并参考了 CSS 2.0 手册。图文框内的符号也是自己收集整理的，欢迎使用。如果还有其他的关于滚动条的问题，请在此留言。我会根据情况，及时补充进来。
（一）右侧滚动条
实例：
数字、数学符号 ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ? ? ? ? ? ? ? ? ? ?
⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂ ⒃ ⒄ ⒅ ⒆ ⒇
⒈ ⒉ ⒊ ⒋ ⒌ ⒍ ⒎ ⒏ ⒐ ⒑ ⒒ ⒓ ⒔ ⒕ ⒖ ⒗ ⒘ ⒙ ⒚ ⒛
ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ ? ?
Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ
一 二 三 四 五 六 七 八 九 十
㈠ ㈡ ㈢ ㈣ ㈤ ㈥ ㈦ ㈧ ㈨ ㈩
№ ? ¼ ? ½ ? ¾ ?
+ - × ÷ ± ＋ － ＝ ≡ ≠ ≒ ≈ ≌ ~ ～﹢ ╳ ⊕ Θ % ‰ ％ ∵ ∴ ∷ ∏ ＜ ＞ ≦ ≧ ≤ ≥﹤ ﹥∩ ∪ ∈ ￠ ° ⊥ ∠ ∟ ⊿ △ ㏒ ∑ ∂ ∫∮∞（ 〔 ﹙﹚ 〕） ｛ ﹛﹜｝ √ ㄨ
语句：
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;‘>
日志图文内容
日志图文内容
Style 语句解释：
Color: blue —— 前景文字颜色为蓝色
Background-color: white —— 背景颜色为白色
Border: black solid 1px —— 黑色实线边框，宽度为 1px
Width: 420px; Height: 100px —— 滚动窗口宽度 420px，高度 100px
Overflow: scroll —— 总是显示滚动条；如果将 scroll 改为 auto，则仅当日志内容超过边框限制时，才显示滚动条（不需要下面的滚动条就用这个命令）；如果将 sroll 改为 hidden，则滚动文字窗口内不显示任何滚动条（特殊用途，以后讲吧）
其他语句均为滚动条颜色设置，大家可以自己动手改改看。
（二）左侧滚动条
实例：
特殊中文字符
日 月 金 木 水 火 土 株 有 社 名 特 财 祝 劳 适 优 ? 注 项 休 写 医 宗 学 监 企 资 协 夜 男 女 秘 ㊣ ? ? ? ? ?
㈱ ? 囍 卐 卍
特殊西文字符
à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ø ù ú û ü ý þ ÿ ō ǒ ǎ
À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö Ø Ù Ú Û Ü Ý Þ ß ε ф μ ξ ζ ω Ω ψ Ψ Café
© ® ? ℃ ℉ Ω ㏎
语句：
日志图文内容
Style 语句解释：
Direction: rtl —— 是将滚动条放置到左边的关键
Direction: ltr —— 是确保文字输入方式还是从左到右
其中滚动条样式、颜色都使用了默认值，所以这个例子除了将滚动条放置到了左侧以外，基本可以说是采用了最简单的滚动条语句。
（三）透明的滚动条
实例：
图形符号♂ ♀ ♠ ♣ ♥ ♦ ? ? ◇ ? ? ? ? ? ? ? ? ? ? ﹡ ＊ ¤ ? ? ? ? ☆ ★ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ☆ ★ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? √ ? ? ? ? ㄨ ? ? ? ? ? ? ? ? ? ? ? ? ? ﹎ ? ¡ Þ ? ? 〝〞ミ灬 ツ? ? L ? ? ? ? ? Ξ ぷ 々∞ o‘.‘o ? ? ? ? ? ? ? ºº ? 〒 ≡ ? и ァ γ ㄒ ︶︿ しノж ю Ю 乀 ?? Ш ? ? ? ˇ 彡
语句：
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;‘>
日志图文内容
日志图文内容
Style 语句解释：
其实很简单，就是把所以滚动条的颜色都设成和背景色一样，比如这个例子中的 Pink。只保留 Scrollbar-arrow-color 为不同于背景色的颜色，比如例子中的 Navy。这样用鼠标点击两个向上、向下的小箭头即可滚动图文框中的内容。
以上范例所用语句，来源于网络，并参考了 CSS 2.0 手册。图文框内的符号也是自己收集整理的，欢迎使用。如果还有其他的关于滚动条的问题，请在此留言。我会根据情况，及时补充进来。
怀里二十五只小猫——打一成语
汤普森简易钢琴教程
bt简易教程
找一个带“简易”二字的中小学试卷下载网站
求X264播放简易教程
二十五条觉书全文
猜谜语二十五
中华民国二十五年壹分币
滚石DJ3带密码
求eTrust防火墙的简易使用教程。
求Photoshop CS 简易教程地址，谢谢。
求 dreamweaver的教程 简易一点的
天津市二十五中的具体位置？
二十五美分怎么说啊
二十五六岁长牙好吗
急：填二十五个数
道光二十五 多少钱一瓶
十五个人当家——
有那位大侠知道CASIO的手表那一款比较适合二十五左右的男孩带呀!
“二十三川一川，二十五鼓一鼓，”
歇后语：十五个人当家——（下句是什么？）
石家庄滚石现场二怎么下载
哪里有msn space教程啊？
港台那边的十五，二十（划拳）是怎么玩的？什么规则？