CSS3是CSS的新一代,它引入了一些新的功能讓Web設計更加靈活。其中之一就是anchor的樣式控制能力。
a { color: #FF0000; font-weight: bold; text-decoration: none; } a:hover { color: #00FF00; text-decoration: underline; }
上面的代碼是設置anchor的樣式,包括文字顏色、字體加粗和不帶下劃線的默認樣式。當鼠標懸停在anchor上時,文字顏色會變成綠色、下劃線會出現。
a:visited { color: #800080; }
上面的代碼是用來控制已訪問過的anchor的顏色,這里是紫色。這樣做可以讓用戶清楚地知道哪些頁面已經訪問過,避免重復訪問。
a:focus { outline: 2px solid #FF9900; }
上面的代碼是在anchor獲取焦點時出現一個橙色的虛線框,這可以增加交互性和可訪問性。
總結來說,通過CSS3可以輕松地控制anchor的外觀和行為,提高用戶體驗和網站質量。