作业帮 > HTML > 教育资讯

HTML教程:添加一个带有滚动条的文本框

来源:学生作业帮助网 编辑:作业帮 时间:2024/05/11 02:03:03 HTML
HTML教程:添加一个带有滚动条的文本框
HTML教程:添加一个带有滚动条的文本框HTML
【51Test.NET-HTML教程:添加一个带有滚动条的文本框】:

       我们都知道大篇幅的文章会占据页面的大部分空间,从而影响页面整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决上述问题。下面就是相关语法:

 
style=' 
color: #ffffff; 
background-color: #000000; 
border: solid 2px black; 
width: 120px; 
height: 200px; 
overflow: scroll; 
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;
'>日志文字

上述语法生成一个带有黑色背景及灰蓝色边框的文本滚动框。语法里的参数相当简单,主要是控制不同部分的色彩,你可以做相应变化并在预览中观看实际效果。至于调整文本框的大小,你可以在插入此语法后退出HTML编辑模式,然后在日志编辑页面使用鼠标直接进行调整。

接下来说说文字竖排是如何实现的。除了制造特殊效果,我在Space空间展示的文字竖排没有什么真正的实用性,只会给阅读者造成麻烦,不过本着尽可能挖掘Space潜力的原则,我还是尝试了如下的语法:

日志文字

这个语法中唯一的亮点就是Writing-Mode这个参数,其后的tb代表文字排列从上到下,rl代表从右到左。

HTML