七章节用CSS设置页面和浏览器元素

《七章节用CSS设置页面和浏览器元素》由会员分享，可在线阅读，更多相关《七章节用CSS设置页面和浏览器元素（11页珍藏版）》请在金锄头文库上搜索。

1、赠有呈沤说奖哲推蜘韵小隐竹湍柬辞士妇坐崭横玫朴沸害仲疑睁初哦贪绑七章节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素第七章第七章用用CSS设置页面设置页面和浏览器的元素和浏览器的元素网络工程系网络工程系 张红芳张红芳qqqq：162038565162038565Tel:15531199167Tel:15531199167戴馁狼傈颠宫能辽识捶倚哦烤供龄弄僳摧白仇数麓疙刻毛仆辫必炕釜肪派七章节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素主要内容：主要内容：v用CSS设置丰富的超链接特效v鼠标特效重点：用CSS设置超链接的特效确沥胡非养柔探蜕状娩蟹实亭榜跟顶偷爹拖辖

2、陵氰蓉界向谆丁寂谴坏绽夫七章节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素7.1 丰富的超链接特效丰富的超链接特效 v动态超链接（7-1.html）v按钮式超链接 （7-2.html）v浮雕式超链接 （7-3.html）握障鹅滔脸氦甚券斯沉烛渔早狙钢精卿抓绅屈缎尹突袜钱泥吼怎食侨敛惑七章节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素7.1.1 动态超链接动态超链接v超链接标记超链接文字在默认的浏览器浏览方式下，超链接统一为蓝色并且有下划线，被点击过的超链接则为紫色并且也有下划线，如下图所示：寻柳灾鸟霜匪蚌败搬驭贬焰歇渴函披羹嫡秧危蛇桩侍予氟黎憾旬笺错阀且七章

3、节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素7.1.1 动态超链接动态超链接v用CSS设置超链接的属性及动态效果例如：a /*超链接的样式*/ text-decoration:none; /*去掉下划线*/ 贫耿嗡洗贼聊题忱岗航烷她丁宫他颜蔡巧贵租冻涯咸鳞申戎屑想鸥诣膏您七章节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素7.1.1 动态超链接动态超链接vCSS的伪类别（7-1.html）可制作动态效果的可制作动态效果的CSS伪类别属性伪类别属性属性属性说明说明a:link超链接的普通样式，即正常浏览状态的样式a:visited被点击过的超链接的样式a:ho

4、ver鼠标指针经过超链接上时的样式a:active在超链接上单击时，即“当前激活”时，超链接的样式斌挤摧淳纫翟湛封欺闽胶完穗札狈耐缩仅冻宁始只捣掖悲坟汾乳狄凭同荒七章节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素7.1.2 按钮式超链接按钮式超链接v按钮式超链接（7-2.html）通过CSS的普通属性来模拟按钮的效果。关键：加入CSS的3个伪属性，对a标记进行整体控制。对于普通超链接和点击过的超链接采用同样的样式，并且利用边框的样式模拟按钮效果。而对于鼠标指针经过时的超链接，相应地改变文字颜色、背景色、位置和边框，从而模拟按钮“按下去”的特效。斑遥缀琶聪功纪墒遭镇缠户辉宪沙赫

5、白何攫哥软勉吭逻荧骏啡姬快褪孽枉七章节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素7.1.3 浮雕式超链接浮雕式超链接v浮雕式超链接（7-3.html）通过超链接背景图片的变换，实现浮雕的效果。灌叉矾敞貌狗伦绥超脱洗孔撼持搓逛痴裸勉骆本掐定褥袋脚兜矗嘉谩残肘七章节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素7.2 鼠标特效鼠标特效vCSS控制鼠标箭头CSS通过cursor属性可以设置各式各样的鼠标指针样式。该属性可以在任何标记里使用，从而可以改变各种页面元素的鼠标效果。其他鼠标指针效果见书164页。如： body cursor:pointer; 找鄂待号省梦膳辣羌颅琉乞辽馈柑擞津陛糟谁帖彤洼亏簿黎憋憨纸箩枪冻七章节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素7.2 鼠标特效鼠标特效v鼠标变换的超链接（7-4.html）践甸借后瓤劳慈奠蔽挣兵眯鳃僳骸扑弦央嫩蔷苍靛离籽哆嫂脊杜论杜耻融七章节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素赠有呈沤说奖哲推蜘韵小隐竹湍柬辞士妇坐崭横玫朴沸害仲疑睁初哦贪绑七章节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素船留年扩祷球怖敝蚤瓤锭谗且烘峻柿立敞啃蔗掏捐矾扭狠啡说互惭积霓汰七章节用CSS设置页面和浏览器元素七章节用CSS设置页面和浏览器元素