css样式设计幻灯片.ppt

1.9 超链接特效 在HTML中，超链接是通过a标记来实现的，例如：a href=“”华软网/a 在默认的浏览器浏览方式下，超链接统一为蓝色且有下画线，被点击过的超链接则为紫色并且也有下画线。 如 通过CSS可以设置超链接的各种属性。如用最简单的方法去掉超链接的下画线： a{ text-decoration:none;/*去掉下画线*/ } a:link 超链接的普通样式，即正常浏览状态的样式 a:visited 被点击过的超链接的样式 a:hover 鼠标指针经过超链接的样式 a:active 在超链接上点击时，即”当前激活”时超链接的样式 字体属性示例 style .text{ font-family:宋体; font-size:16pt; font-style:italic; font-weight:bolder; } /style 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的沙漏形 defaul