分类: *博客教程* -欢迎学习- |
文章内容
有些朋友写的文章很长,为了让人看的方便,所以让文章全部显示,因而把页面拉的很长,在一定程度上影响了页面的整体美观性,所以在此我给大家介绍一种给文章添加文本框的办法,这是添加文本框的代码:
<DIV align=center
style="
OVERFLOW: scroll;
OVERFLOW-X: hidden;
WIDTH: 480px;
HEIGHT: 200px;
COLOR: #000000;
BACKGROUND-COLOR: #e8e8d0;
BORDER-RIGHT: black 1px solid;
BORDER-LEFT: black 1px solid;
BORDER-TOP: black 1px solid;
BORDER-BOTTOM: black 1px solid;
SCROLLBAR-FACE-COLOR: #889b9f;
SCROLLBAR-TRACK-COLOR: #95a6aa;
SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da;
SCROLLBAR-3DLIGHT-COLOR: #3d5054;
SCROLLBAR-SHADOW-COLOR: #3d5054;
SCROLLBAR-DARKSHADOW-COLOR: #85989c;
SCROLLBAR-ARROW-COLOR: #ffd6da;">文章内容</DIV>
style="
OVERFLOW: scroll;
OVERFLOW-X: hidden;
WIDTH: 480px;
HEIGHT: 200px;
COLOR: #000000;
BACKGROUND-COLOR: #e8e8d0;
BORDER-RIGHT: black 1px solid;
BORDER-LEFT: black 1px solid;
BORDER-TOP: black 1px solid;
BORDER-BOTTOM: black 1px solid;
SCROLLBAR-FACE-COLOR: #889b9f;
SCROLLBAR-TRACK-COLOR: #95a6aa;
SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da;
SCROLLBAR-3DLIGHT-COLOR: #3d5054;
SCROLLBAR-SHADOW-COLOR: #3d5054;
SCROLLBAR-DARKSHADOW-COLOR: #85989c;
SCROLLBAR-ARROW-COLOR: #ffd6da;">文章内容</DIV>
下面我给大家解释一下上面的代码:
1、“align=center”表示文本框中的文字居中,“center”可以根据需要改为“left”或者“right”,都不许要的话把它删掉就行了。
2、“OVERFLOW:
scroll”表示文章内容超出文本框范围则自动生成滚动条。“OVERFLOW-X:
hidden”表示去掉滚动条X轴;同理,“OVERFLOW-Y:
hidden”表示去掉滚动条Y轴,要把X、Y轴都留着,不用就可以了!
3、“WIDTH:”和“HEIGHT:”分别为文本框的宽和高。
4、“COLOR:”和“BACKGROUND-COLOR:”分别为字体颜色和文本框背景颜色。
5、“BORDER-RIGHT: black 1px
solid”用来定义文本框的边线,“RIGHT”表示右边线,“black”为边线颜色,“1px”表示边线的粗细程度,数值越大越粗,如果把数值设定为“0”则文本框无边线,如本文所显示的效果那样;其他三条边线也是同样的道理。如果把四条边线的设定值设为一样,所以可以用“border:
black 2px solid;”替代“BORDER-RIGHT: black 1px
solid; BORDER-LEFT: black 1px solid; BORDER-TOP: black 1px solid;
BORDER-BOTTOM: black 1px
solid;”一并定义文本框边线的效果,显的更为简单!
6、
SCROLLBAR-FACE-COLOR:--滚动条中间可以拉的部分和箭头旁边部分的颜色;
SCROLLBAR-TRACK-COLOR:--滚动条中间可以拉的部分以外的颜色;
SCROLLBAR-HIGHLIGHT-COLOR:--滚动条左侧边框的颜色(用于显示立体之用);
SCROLLBAR-3DLIGHT-COLOR:--滚动条左侧边框的颜色(用于显示立体之用);
SCROLLBAR-SHADOW-COLOR:--滚动条由侧边框的颜色(用于显示阴影之用);
SCROLLBAR-DARKSHADOW-COLOR:--滚动条右侧边框的颜色(用于显示阴影之用);
SCROLLBAR-ARROW-COLOR:”--箭头部分的颜色。
SCROLLBAR-TRACK-COLOR:--滚动条中间可以拉的部分以外的颜色;
SCROLLBAR-HIGHLIGHT-COLOR:--滚动条左侧边框的颜色(用于显示立体之用);
SCROLLBAR-3DLIGHT-COLOR:--滚动条左侧边框的颜色(用于显示立体之用);
SCROLLBAR-SHADOW-COLOR:--滚动条由侧边框的颜色(用于显示阴影之用);
SCROLLBAR-DARKSHADOW-COLOR:--滚动条右侧边框的颜色(用于显示阴影之用);
SCROLLBAR-ARROW-COLOR:”--箭头部分的颜色。
附:颜色代码表可以去此网站找:http://bbfc.cn/color.htm