CSS样式设计.ppt

1.8.2 文本属性及其属性值 文本属性 属性值 描述 letter-spacing n(单位px) 定义字符间距 line-height n(单位pt) 定义行间距 text-indent 设置文字的首行缩进 text-align left 左对齐 center 居中对齐 right 右对齐 justify 两端对齐 text-decoration underline 下划线 overline 上划线 line-through 删除线 blink 闪烁（只适用NetScape浏览器） none 无任何修饰 文本属性示例 style .text{ letter-spacing:6px; line-height:28pt; text-decoration:underline; text-align:left; text-indent:44pt; } /style 1.8.3 颜色和背景属性及其属性值 属性 属性值 描述 color 定义颜色 background-color 设定一个元素的背景颜色 background-image 设定一个元素的背景图像 background-repeat repeat-x 设置图像横向重复 repeat-y 设置图像纵向重复 repeat 设置图像横向纵向重复 no-repeat 设置图像不重复 background-position left 背景图像居左放置 right 背景图像居右放置 center 背景图像居中放置 top 背景图像向上对齐 bottom 背景图像向下对齐 颜色和背景属性示例 style Body{background-color:#336699} H1{backround-color:#ffffff} .text{background-image:url(2005122010503632580.jpg);color:white} /style 1.8.4 边框属性及其属性值 属 性 属性值 描 述 border Color_value、width_value、style 设置边框的颜色、宽度和样式 Border-top Color_value、width_value、style 设置边框的颜色、宽度和样式 Border-left Color_value、width_value、style 设置边框的颜色、宽度和样式 Border-right Color_value、width_value、style 设置边框的颜色、宽度和样式 Border-bottom Color_value、width_value、style 设置边框的颜色、宽度和样式 1.8.5 边框样式属性值 属 性值 描 述 none 设置无边框 Dotted 设置边框由点组成 Dash 设置边框由短线组成 Solid 设置边框为实线 Double 设置边框是双实线 Groove 设置边框带有立体感的沟槽 Ridge 设置边框成脊形 Inset 设置边框内嵌一个立体边框 outset 设置边框外嵌一个立体边框 边框属性属性示例 style P{border-top:5px dotted #990000; border-right:5px dotted #3399ff; border-bottom:5px dotted #00ff33; border-left:5px dotted #cc33ff} /style 一个属性可以设置多个属性值，不同的属性值之间使用空格间隔 1.8.6 鼠标属性及其属性值 属 性 属性值 描 述 cursor hand 设置鼠标为手形状 crosshair 设置鼠标为十字交叉形状 text 设置鼠标为文本选择形状 wait 设置鼠标为Windows的沙漏形 default 设置鼠标为默认的形状 help 设置鼠标为带问号的形状 e-resize 设置鼠标为指向东的箭头 ne-resize 设置鼠标为指向东北的箭头 n-resize 设置鼠标为指向北的箭头 nw-resize 设置鼠标为指向西北的箭头 w-resize 设置鼠标为指向西的箭头 sw-resize 设置鼠标为指向西南的箭头 s-resize 设置鼠标为指向南的箭头 se-resize 设置鼠标为指向东南的箭头 * 鼠标属性示例 style P{cursor:hand} /style 1.8.7 定位属性及其属性值 属 性 属性值 描 述 position absolute 对元素进行绝对定位 relative 对元素进行相对定位 top 设置层距离顶点纵坐标的距离 left 设置层距离顶点横坐标的距离 width 设置层的宽度 height 设置层的高度 Z-i