CSS中的標簽屬性是非常重要的,可以用來設置鏈接的樣式以及鏈接的不同狀態下的樣式效果。
a { color: blue; /* 鏈接顏色為藍色 */ text-decoration: none; /* 去除下劃線 */ } a:hover { color: red; /* 鼠標懸停時鏈接顏色為紅色 */ text-decoration: underline; /* 增加下劃線 */ } a:visited { color: purple; /* 已訪問鏈接顏色為紫色 */ } a:active { color: green; /* 點擊鏈接時鏈接顏色為綠色 */ text-decoration: none; /* 點擊時去除下劃線 */ }
上述代碼中,我們為標簽設置了四個偽類選擇器,其中:
- 鼠標懸停(:hover)時鏈接顏色變為紅色,并增加下劃線;
- 已訪問(:visited)鏈接顏色變為紫色;
- 點擊(:active)鏈接顏色變為綠色,并去除下劃線。
這些偽類選擇器允許我們在不同的狀態下快速設定鏈接的樣式,提升了用戶體驗和頁面的美觀度。