使用CSS來定義鏈接樣式是一種很有用的技巧,它可以讓你的網頁顯得更加美觀和專業。下面將介紹如何使用CSS定義鏈接。
a { text-decoration: none; /* 鏈接下劃線取消 */ color: #007FFF; /* 鏈接顏色 */ font-weight: bold; /* 鏈接文字粗細 */ font-size: 16px; /* 鏈接文字大小 */ } a:hover { color: #FF4000; /* 鼠標經過鏈接顏色 */ } a:active { color: #0000FF; /* 鏈接被點擊顏色 */ }
在CSS代碼中,我們用了三個偽類來定義鏈接的不同狀態。
:link:定義還未被訪問時的鏈接樣式。
:visited:定義已經被訪問過的鏈接樣式。
:hover:定義鼠標懸停在鏈接上時的樣式。
:active:定義用戶點擊鏈接但還未松開鼠標時的樣式。
在以上代碼中,我們取消了鏈接下劃線,改變了鏈接的顏色、粗細和大小。當鼠標懸停在鏈接上時,鏈接的顏色會變成橙色,當用戶點擊鏈接時,鏈接顏色會變成藍色。
這是一個簡單的例子,你可以按照自己的需求去定義其他的鏈接樣式。