div 属性

原创 2006年05月29日 11:04:00

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编辑模式,然后在日志编辑页面使用鼠标直接进行调整。

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

div属性整理

  • 2014-07-31 10:57
  • 602KB
  • 下载

css3实现一个div设置多张背景图片及background-image属性

以前做网页布局的时候,一个div只能设置一张背景图片,设置多个背景的话,要用多个div嵌套才能实现,这样兼容性比较好。若您的网站要求兼容浏览器低版本,建议用这种方法。css3的出现,解决了一个div只...

div的position属性

  • 2015-11-23 09:48
  • 142KB
  • 下载

div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整

Posted on 2011-03-24 23:57 -星空- 阅读(424) 评论(0) 编辑 收藏 div+css中设置了float属性后如何让外层的高度随着内层的高度大...

DIV的Style常用属性

  • 2012-12-18 16:21
  • 51KB
  • 下载

html.div属性在不同IE6,7,8以及火狐之间的差异

首先我们应当清楚,HTML 中的布局,使用div 在网站展现时,会有更好的表现效果,使用table 布局,只有在整个页面全部load 完成后,才会显示出来,div 则会先于数据load 出来。 ...

Js+Div属性大全

  • 2011-03-31 14:13
  • 84KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)