原创：不知

转自：❀美丽驿站❀

整理：寂语

滚动文本框很实用，也很简单，代码如下：

<DIV align=center
style='
background-color: transprant;
border: solid 2px black;
width: 355px;
height: 200px;
overflow: auto;
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>

返回普通编辑模式，你会发现并没有出现滚动条，不要着急，看看下面的部分代码解释第5条……

部分代码解释：

1. align=center 表示框内内容居中对齐，缺省情况下为左对齐，即，如果框内文字需要左对齐，那就可以把align=center删掉……
2. background-color: transprant; 表示框内背景色为透明，需要改颜色的话，把transprant改成16进制颜色值即可，例如#ffffff……
3. border: solid 2px black表示文本框的边线状态，solid表示实线，可选的值有dashed(虚线)，double(双线)，outset等等，和前面的类似， 2px black分别表示边线粗细和颜色，可自行调整(black和#000000效果一样)……
4. width: 355px; height: 200px; 分别表示滚动文本框的宽和高，自行调整，我的日志宽度是355px……
5. overflow: auto; 这句比较关键，auto表示"自动"，即框内内容不需要占据height: 200px这么高的高度时，就不会出现滚动条，一旦超过了，滚动条就会出现，多出的部分通过下拉滚动条来显示，overflow也设置的值还有scroll，即强制出现滚动条，但我不推荐用该值，因为这样也会强制出现横向的滚动条，很难看，用auto就可以了……
6. 后面那部分代码，就是设置滚动条的颜色状态，根据自己的需要和喜好来调整，比较有用的是scrollbar-face-color: #889B9F;这句，其他部分不改也问题不大，看你的要求了……

将代码调整好后，返回普通编辑模式，双击滚动文本框，就可以进入框内编辑文字或图片，再次进入代码模式，会发现文本框代码有所变动，不过变化不太大，可以看懂……

示例：

如果您有问题，请点击这里进行提问