HTML
代码
<div style="overflow:auto;width:100%;line-height:14pt;letter-spacing:0.2em;height:300px">日志内容</div>
<!--overflow设置下拉框显示样式,line-height控制行距,letter-spacing控制字间距,height设置文本框高度,可以根据实际应用自行修改-->
【说明】
v 必须在html编辑状态下编辑代码。
v 简单的文本框是通过DIV实现的,包含背景图片的文本框是通过将DIV嵌入到Table中实现的。
v 主要通过对DIV的Style属性来控制样式,主要设置如下:
overflow(溢出控制):visible(默认,可见)、auto(自动)、scroll(显示滚动条);
width(宽度):数值;
height(高度):数值;
color(字体颜色):色彩代码;
font-size(字体大小):数值;
line-height(行高):数值;
border(边框):宽度、类型和颜色,类型主要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;
font-weight(字体粗细):normal、bold、bolder、lighter;
font-family(字体类型):Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆;
background(背景颜色):色彩代码;
scrollbar-base-color,scrollbar-face-color,scrollbar-track-color,scrollbar-darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar-3dlight-color,scrollbar-arrow-color(滚动条各部分的颜色):色彩代码;
filter:chroma(COLOR=转换成透明的颜色)(chroma过滤器):色彩代码,该颜色将转换成透明效果;
word-break(断字):normal(默认,正常断字)、keep-all(严格不断字)、break-all(严格断字);
direction(文字方向):ltr(默认,从左向右)、rtl(从右向左)。
v 辅助工具
在线滚动条配色器:通过本工具可以方便地在线设置滚动条样式。地址1 地址2
颜色采集器:通过本工具可以方便地获取屏幕显示的任何颜色。下载颜色采集器1.05
效果预览
大篇幅的日志会占据页面的大部分空间,从而影响整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决上述问题。
利用上述语法可以生成一个Windows标准样式的文本滚动框语法里的参数相当简单,可以不做任何修改,也可以控制不同部分的色彩,你可以做相应变化并在预览中观看实际效果。至于调整文本框的大小,你可以在插入此语法后退出HTML编辑模式,然后在日志编辑页面使用鼠标直接进行调整。