CSS超鏈接的常見設置


一般對超連接常見的設置,就是設置文字大小,下划線,顏色等等。

先講解一下,超鏈接的四種狀態

  1. /* 未被訪問的鏈接 */
  2. a:link {color:#FF0000;}
  3. /* 已被訪問的鏈接 */
  4. a:visited {color:#00FF00;}
  5. /* 鼠標指針移動到鏈接上 */
  6. a:hover {color:#FF00FF;}
  7. /* 正在被點擊的鏈接 */
  8. a:active {color:#0000FF;}

一般來說,只需要設置a,a:activea:hover即可

  1. /* 注意:一般a都是和a:active一起設置的*/
  2. /* 設置超鏈接的默認樣式和鼠標正在被點擊的樣式*/
  3. a, a:active{
  4. /* 去掉超鏈接的下划線 */
  5. /* 去掉下划線:none; 加上下划線:underline */
  6. text-decoration:none;
  7. font-size:14px;
  8. color:#08c;
  9. }
  10. /* 設置鼠標放上去時的樣式 */
  11. a:hover {
  12. color:red;
  13. }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM