网易博客代码(二十)(日志滚动条I)2部分

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<DIVstyle="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1pxsolid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px;SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT:#216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff;COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT:20px; SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR:#ffffff; BORDER-BOTTOM: #216dad 1px solid;SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff;HEIGHT: 80px">

<P>这是测试文字</P>

<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV>

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<TBODY>

<TR>

<TD>

<P>这是测试文字</P>

<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD></TR></TBODY></TABLE>

10.

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<TABLEcellSpacing=0 cellPadding=0 background=图片地址 border=0>

<TBODY>

<TR>

<TD>

<P>这是测试文字</P>

<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD></TR></TBODY></TABLE>

11.

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<DIVstyle="word-break:keep-all;BORDER-RIGHT: 1px solid; BORDER-TOP: 1pxsolid; FONT-SIZE: 12px; OVERFLOW: auto; BORDER-LEFT: 1px solid;WIDTH: 120px; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; HEIGHT:80px">

<P>这是测试文字</P>

<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV>

13.

这是测试文字

这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字

<TABLEcellSpacing=0 cellPadding=0 background=图片地址 border=0>

<TBODY>

<TR>

<TD>

<DIV style="DIRECTION:ltr"><P>这是测试文字</P>

<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></DIV></TD></TR></TBODY></TABLE>

说明：

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（从右向左）。

★ 置入博客的方法：

1. 进入编辑→2.排版→3. 模块→

4. 添加自定义html（显示）（出现在网页左下角）→

5. 复制下列语法後贴上→6. 新增→

7. 将模块移到想显示的位置→8.再保存（右上角）→

9. 预览我的博客。→10.就可以看到出现在你的博客上了！

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。