CSS属性一览

附附录录 DD CCSSSS 属属性性一一览览 1．文字属性 语 言 功 能 语 言 功 能 color : #999999; 文字颜色 text-transform : capitalize; 首字大写 font-family : 宋体,sans-serif; 文字字体 text-transform : uppercase; 英文大写 font-size : 9pt; 文字大小 text-transform : lowercase; 英文小写 font-style:itelic; 文字斜体 text-align:right; 文字右对齐 font-variant:small-caps; 小字体 text-align:left; 文字左对齐 letter-spacing : 1pt; 字间距离 text-align:center; 文字居中对齐 line-height : 200%; 设置行高 text-align:justify; 文字两端对齐 font-weight:bold; 文字粗体 vertical-align属性 vertical-align:sub; 下标字 vertical-align:top; 垂直向上对齐 vertical-align:super; 上标字 vertical-align:bottom; 垂直向下对齐 text-decoration:line-through; 加删除线 vertical-align:middle; 垂直居中对齐 text-decoration:overline; 加顶线 vertical-align:text-top; 文字垂直向上对齐 text-decoration:underline; 加下划线 vertical-align:text-bottom; 文字垂直向下对齐 text-decoration:none; 删除链接下划线 2．项目符号 语 言 功 能 语 言 功 能 list-style-type:none; 不编号 list-style-type:disc; 实心圆形符号 list-style-type:decimal; 阿拉伯数字 list-style-type:circle; 空心圆形符号 list-style-type:lower-roman; 小写罗马数字 list-style-type:square; 实心方形符号 list-style-type:upper-roman; 大写罗马数字 list-style-image:url(/dot.gif) 图片式符号 list-style-type:lower-alpha; 小写英文字母 list-style-position:outside; 凸排 list-style-type:upper-alpha; 大写英文字母 list-style-position:inside; 缩进 3．背景样式 语 言 功 能 语 言 功 能 background-color:#F5E2EC; 背景颜色 background-repeat : repeat; 重复排列 background:transparent; 透视背景 background-repeat : no-repeat; 不重复排列 background-image : url(image/ bg.gif); 背景图片 background-repeat : repeat-x; 在 x轴重复排列 巧学巧用 Dreamweaver CS5 制作网页 424 续表 语 言 功 能 语 言 功 能 background-attachment : fixed; 浮水印固定背景 background-repeat : repeat-y; 在 y轴重复排列 background-position : 90% 90%; 背景图片 x 与 y 轴的 位置 background-position : left; 向左对齐 background-position : top; 向上对齐 background-position : right; 向右对齐 background-position : butto m; 向下对齐 background-position : center; 居中对齐 4．链接属性 语 言 功 能 语 言 功 能 a 所有超链接 cursor:w-resize 箭头朝左 a:link 超链接文字格式 cursor:n-resize 箭头朝上 a:visited 浏览过的链接文字格式 cursor:ne-resize 箭头朝右上 a:active 鼠标按下的链接格式 cursor:nw-resize 箭头朝左上 a:hover 鼠标转到链接 cursor:text 文字 I型 cursor:crosshair 十字体 cursor:se-resize 箭头斜右下 cursor:s-resize 箭头朝下 cursor:sw-resize 箭头斜左下 cursor:help 问号 cursor:wait 漏斗 5．边框属性 语 言 功 能 语 言 功 能 border-top : 1px solid #6699cc; 上框线 double 双线框 border-bottom : 1px solid #6699cc; 下框线 groove 立体内凸框 border-left : 1px solid #6699cc; 左框线 ridge 立体浮雕框 border-right : 1px solid #6699cc; 右框线 inset 凹框 solid 实线框 outset 凸框 dotted 虚线框 6．表单 语 言 功 能 文本域 按钮 复选框 单选按钮 多行文本域 选项 1选项 2 列表菜单 国 附录 D CSS属性一览 425 7．边界样式 语 言 功 能 语 言 功 能 margin-top:10px; 上边界值 margin-bottom:10px; 下边界值 margin-right:10px; 右边界值 margin-left:10px; 左边界值 8．边框空白 语 言 功 能 语 言 功 能 padding-top:10px; 上边框留空白 padding-bottom:10px; 下边框留空白 padding-right:10px; 右边框留空白 padding-left:10px; 左边框留空白