常用CSS样式属性|CSS 样式表
【长度单位】
【颜色表示】
CSS可用颜色表示方式
表示方式表示方式说明范例
#rrggbb 可以用Windows色彩选择工具找到color:#feefc7
rgb( #,#,#) 用数字来表示红色蓝色以及绿色的混合色
彩选择工具找...也可以用Windows color:rgb(135,255,1
24)
rgb(%,%,%) 用百分比来代表红色蓝色以及绿色的强度来混合颜色color:rgb(70%,35%,4
1%)
颜色名称用颜色的名称来指定颜色color:brown
【属性可用值】
CSS 可用属性值 名称 说明
可能值
范例 visibility
显示或是隐藏
inherit （ 父组件决定） hidden （隐藏） visible （ 显示）
visibili ty:hidde n
width 宽度 auto （自动决定） 数字
width:13 5
height 高度 auto （自动决定） 数字
height:1 00 z-index
Z 轴高度（立体，是否在 另一个组件之上）
auto （自动决定） 数字 z-index: 135 position 定位方式
absolute
（绝对寻址-依窗口坐标，原点为父窗口左上角 ） relative
（相对定位-以一般网页排列［后再根据坐标定位， 原点为定位后的位置） static
（静态定位-以一般网页排列） position
:absolut e
top （对象的position 属 性须为absolute 或 relative ）
对象的Y 坐标（原点根 据postion 属性有所不 同）
数字
left （对象的 position 属性须为absolute 或 relative ）
对象的X 坐标（原点根 据postion 属性有所不 同）
数字
font-style 字型样式
normal（普通） italic（斜体）
oblique（斜体）
font-style:italic
font-variant 字型特别样式normal（普通）
small-caps（大小英文字母）font-variant:small-ca ps
font-weight 字型粗细
normal（普通） bold（粗体）
bolder（超粗体） lighter（细
体）数字（400=normal
700=bold ）
font-weight:bolder
letter-spacing 字符相距normal（普通）
数字（预设为0）
letter-spacing:5
text-align 字符对齐
left（左边） right（右边）
center（中间） justify（左右平
分）
text-align:justify
text-decoration 字符样式none（普通）
underline（加底线） no-
underline（不加底线） blink
（闪烁）
no-blink（不闪烁） line-
through（加删除线） no-line-
through（不加删除
线）
overline（加顶线） no-overline
（不加顶线）text-decoration:under line
【表格设定】
CSS可用表格设定值框线位置：（上-top.下-bottom.左-left. 右-right）
名称说明可能值范例
border 表格边框设定以下所有皆可使用border:green
border-color
border-（框线位置）-color
边框颜色任何颜色表示方法border-color:blue
border-style
border-（框线位置）-style 边框样式
none（无边框） dotted（点
线） dashed（虚线） solid
（实线） double（双线）
border-style:dotted
【鼠标设定】
【滚动条设定】
CSS可用滚动条列设定值
名称说明可能值范例
scrollbar-base -color 滚动条列主色调颜色scrollbar-base-color
:#aaaaaa
scrollbar-arro w-color 按钮箭头的颜色颜色scrollbar-arrow-colo
r:#000000
scrollbar-face -color 移动棒的颜色颜色scrollbar-face-color
:#ffee99
scrollbar-high light-color 按钮边框内层左边与上面的颜色及滚动条底部轨道网状颜色
（与track同时使用网状会消失）
颜色scrollbar-highlight-
color: #000000
scrollbar-3dli 按钮边框外层左边与上面的颜色颜色scrollbar-3dlight-co。