湖南卫视美女主持人:学习设计滚动条框高级样式代码

来源:百度文库 编辑:中财网 时间:2024/04/20 00:12:17
学习设计滚动条框高级样式代码】
带背景样式




内容





内容

双标题栏样式
栏目标题







栏目标题

内容
栏目标题

栏目标题
单标题栏样式
栏目标题





栏目标题

内容

邮票边缘样式




内容

虚线边缘样式
内容

虚线边缘样式
内容

双线边缘样式
内容

滚动条框代码注释详解
align=center 文本框中文字的对齐方式,可用center/left/right分别对应中/左/右
WIDTH: 300px; 宽度300像素
HEIGHT: 150px; 高度150像素
OVERFLOW: auto; 超出范围时使用滚动条(auto可用scroll代替。用auto会自动适应,即文本的宽或高超出预设的的值,才会出现横或竖 滚动条;而用scroll则无论如何都会出现横竖滚动条。一般用auto会比较美观)
COLOR: #000000; 框内文本颜色(当然这是默认值,如果文本设置了其他颜色则会显示相应的颜色)
BACKGROUND-COLOR: #CCCCCC; 背景色,如果要用透明背景就不写这一句
SCROLLBAR-FACE-COLOR: #00FF00; 滚动条中间可以拉的部分和箭头旁边部分的颜色
SCROLLBAR-TRACK-COLOR: #00FFFF; 滚动条中间可以拉的部分以外的颜色
SCROLLBAR-ARROW-COLOR: #FFFF00; //箭头部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: #0000FF; 竖滚动条左侧边框和横滚动条上侧的颜色(用于显示立体之用)
SCROLLBAR-3DLIGHT-COLOR: #0000FF; 竖滚动条左侧边框和横滚动条上侧的颜色(用于显示立体之用)
SCROLLBAR-SHADOW-COLOR: #0000FF; 竖滚动条右侧边框和横滚动条下侧的颜色(用于显示阴影之用)
SCROLLBAR-DARKSHADOW-COLOR: #0000FF; 竖滚动条右侧边框和横滚动条下侧的颜色(用于显示阴影之用)
BORDER-TOP: red 2px solid;
BORDER-BOTTOM: red 2px solid;
BORDER-LEFT: red 2px solid;
BORDER-RIGHT: red 2px solid;
分别表示文本框的上、下、左、右边框的颜色(可用16进制数值表示)、粗细和状态(solid表示实线,可选的值有dashed表示虚线,double表示双线,outset表示外凸)。还有可以直接使用 border: red solid 2px 来整体定义边框。
OVERFLOW-X: Hidden; 强制隐藏X轴滚动条
OVERFLOW-Y: Hidden; 强制隐藏Y轴滚动条
金钥匙博客