您好,登錄后才能下訂單哦!
本篇內容介紹了“a標簽的css樣式四個狀態LVHA的設計方法教程”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
表示所有狀態下的連接 如 a{color:red}
① a:link:未訪問鏈接 ,如 a:link {color:blue}
② a:visited:已訪問鏈接 ,如 a:visited{color:blue}
③ a:active:激活時(鏈接獲得焦點時)鏈接的顏色 ,如a:active{color:blue}
④ a:hover:鼠標移到鏈接上時 ,如 a:hover {color:blue}
一般a:hover和a:visited鏈接的狀態(顏色、下劃線等)應該是相同的。
前三者分別對應body元素的link、vlink、alink這三個屬性。
四個“狀態”的先后過程是:a:link ->a:hover ->a:active ->a:visited。另外,a:active不能設置有無下劃線(總是有的)。
舉例:偽類的常見狀態值
代碼如下:
<style type = “text/css”>
a {font-size:16px}
a:link {color: blue; text-decoration:none;} //未訪問:藍色、無下劃線
a:active:{color: red; } //激活:紅色
a:visited {color:purple;text-decoration:none;} //已訪問:purple、無下劃線
a:hover {color: red; text-decoration:underline;} //鼠標移近:紅色、下劃線
</style>
“a標簽的css樣式四個狀態LVHA的設計方法教程”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。