注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

风儿轻轻

让梦随心飞

 
 
 

日志

 
 

引用 添加一个带有滚动条的文本框   

2009-11-11 15:33:03|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

理睬添加一个带有滚动条的文本框

大篇幅的日志会占据页面的大部分空间,从而影响整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决上述问题。下面就是相关语法:

<DIV align=center
style='
color: #ffffff;
background-color: #000000;
border: solid 2px black;
width: 120px;
height: 200px;
overflow: scroll;
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
'>日志文字</DIV>

上述语法生成一个带有黑色背景及灰蓝色边框的文本滚动框。语法里的参数相当简单,主要是控制不同部分的色彩,你可以做相应变化并在预览中观看实际效果。至于调整文本框的大小,你可以在插入此语法后退出HTML编辑模式,然后在日志编辑页面使用鼠标直接进行调整。

接下来说说文字竖排是如何实现的。除了制造特殊效果,我在Space空间展示的文字竖排没有什么真正的实用性,只会给阅读者造成麻烦,不过本着尽可能挖掘Space潜力的原则,我还是尝试了如下的语法:

<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日志文字</P></DIV>

这个语法中唯一的亮点就是Writing-Mode这个参数,其后的tb代表文字排列从上到下,rl代表从右到左。


                                   更多精彩内容,点击理睬日志链接浏览! 

                     ●初学入门● ●博客技巧● ●图片制作● ●文字制作● ●文字素材●

                     ●图画素材● 精美时钟● ●边框分割● ●综合素材● ●综合图库●

                     ●日历天气● ●音画作品● ●视频教程● ●电脑技巧● ●制作教程●

                     ●酷播放器● 综合精品● ●八卦精品● ●名人博客● ●百科奇闻●

                     ●趣味制作● ●趣味图片● ●免费电影● ●游戏天地● ●在线服务●

                     ●搜索引擎● 好网站一● ●好网站二● ●全国报纸● ●软件下载●

           博友想提高人气吗?请点击右图进入:2008年12月8日 - 理睬 - 理 睬


               日志后面导航样本 - 理睬 - 理 睬

  评论这张
 
阅读(453)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017