html中滑动⽂本框怎么写,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;
html内容文本框scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
'>⽇志⽂字
上述语法⽣成⼀个带有⿊⾊背景及灰蓝⾊边框的⽂本滚动框。语法⾥的参数相当简单,主要是控制不同部分的⾊彩,你可以做相应变化并在预览中观看实际效果。⾄于调整⽂本框的⼤⼩,你可以在插⼊此语法后退出HTML编辑模式,然后在⽇志编辑页⾯使⽤⿏标直接进⾏调整。
接下来说说⽂字竖排是如何实现的。除了制造特殊效果,我在Space空间展⽰的⽂字竖排没有什么真正的实⽤性,只会给阅读者造成⿇烦,不过本着尽可能挖掘Space潜⼒的原则,我还是尝试了如下的语法:
⽇志⽂字
这个语法中唯⼀的亮点就是Writing-Mode这个参数,其后的tb代表⽂字排列从上到下,rl代表从右到左。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论