《3-5 CSS样式(II)背景 超链接.pdf》由会员分享,可在线阅读,更多相关《3-5 CSS样式(II)背景 超链接.pdf(10页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、CSS样式(II) 背景与超链接 内容 背景超链接 background background-color background-image background-repeat a:link a:visited a:hover a:active CSS背景 背景属性 background-repeat:repeat repeat-x repeat-y no-repeat background-color background-image:url(logo.jpg) background:颜色 图片 repeat 空元素需要先定义元素的高度和宽度 div height:30px; width:6
2、00px; CSS背景 background:url(“images/bg1.gif”) repeat-x; bg1.jpg 1px*30px CSS样式 CSS样式 背景超链接 CSS超链接 链接的四种状态 a:link 普通的、未被访问的链接 a:visited 用户已访问的链接 a:hover 鼠标指针位于链接的上方悬停 a:active 链接被点击的时刻 :伪类选择器 CSS超链接 a:hover 必须位于 a:link 和 a:visited 之后 按照以下次序: a:active必须位于 a:hover 之后 Love color: #09f;/*未访问*/ a:visited t
3、ext-decoration: none; color: #930;/*已访问*/ a:hover text-decoration: underline; color: #03c;/*鼠标悬停*/ a:active text-decoration: none; color: #03c;/*按下鼠标*/ CSS超链接 鼠标悬停放大字体 a font-size: 22px; a:hover font-size: 120%; web design web design web design 小结 超链接背景 background background-color background-image background-repeat a:link a:visited a:hover a:active