《七章節用CSS設置頁面和瀏覽器元素》由會員分享，可在線閱讀，更多相關《七章節用CSS設置頁面和瀏覽器元素（11頁珍藏版）》請在裝配圖網上搜索。
1、第七章第七章用用CSS設置頁面設置頁面和瀏覽器的元素和瀏覽器的元素網絡工程系網絡工程系 張紅芳張紅芳qqqq：162038565162038565Tel:15531199167Tel:主要內容：主要內容：v用CSS設置豐富的超鏈接特效v鼠標特效重點：用CSS設置超鏈接的特效7.1 豐富的超鏈接特效豐富的超鏈接特效 v動態超鏈接（7-1.html）v按鈕式超鏈接（7-2.html）v浮雕式超鏈接（7-3.html）7.1.1 動態超鏈接動態超鏈接v超鏈接標記超鏈接文字在默認的瀏覽器瀏覽方式下，超鏈接統一為藍色并且有下劃線，被點擊過的超鏈接則為紫色并且也有下劃線，如下圖所示：7.1.1 動態超鏈接
2、動態超鏈接v用CSS設置超鏈接的屬性及動態效果 例如：a /*超鏈接的樣式*/text-decoration:none;/*去掉下劃線*/7.1.1 動態超鏈接動態超鏈接vCSS的偽類別（7-1.html）可制作動態效果的可制作動態效果的CSS偽類別屬性偽類別屬性屬性屬性說明說明a:link超鏈接的普通樣式，即正常瀏覽狀態的樣式a:visited被點擊過的超鏈接的樣式a:hover鼠標指針經過超鏈接上時的樣式a:active在超鏈接上單擊時，即“當前激活”時，超鏈接的樣式7.1.2 按鈕式超鏈接按鈕式超鏈接v按鈕式超鏈接（7-2.html）通過CSS的普通屬性來模擬按鈕的效果。關鍵：加入CSS
3、的3個偽屬性，對a標記進行整體控制。對于普通超鏈接和點擊過的超鏈接采用同樣的樣式，并且利用邊框的樣式模擬按鈕效果。而對于鼠標指針經過時的超鏈接，相應地改變文字顏色、背景色、位置和邊框，從而模擬按鈕“按下去”的特效。7.1.3 浮雕式超鏈接浮雕式超鏈接v浮雕式超鏈接（7-3.html）通過超鏈接背景圖片的變換，實現浮雕的效果。7.2 鼠標特效鼠標特效vCSS控制鼠標箭頭 CSS通過cursor屬性可以設置各式各樣的鼠標指針樣式。該屬性可以在任何標記里使用，從而可以改變各種頁面元素的鼠標效果。其他鼠標指針效果見書164頁。如：body cursor:pointer;7.2 鼠標特效鼠標特效v鼠標變換的超鏈接（7-4.html）
七章節用CSS設置頁面和瀏覽器元素
