在網頁設計與開發中,鏈接是非常常見的元素,而鏈接的樣式也很重要。然而,瀏覽器默認的鏈接樣式并不總是符合我們的需求,比如下劃線、顏色等等。那么我們如何去除標簽的默認樣式呢?
a { text-decoration: none; color: inherit; /* 其他自定義樣式 */ }
使用CSS的text-decoration屬性可以去除鏈接的下劃線,color屬性可以設置鏈接文字的顏色,inherit表示繼承父元素的顏色。當然,除了這些屬性,我們還可以添加其他的自定義樣式,如hover效果、背景色等等。下面是一個完整的例子:
a { text-decoration: none; color: inherit; background-color: lightblue; border-radius: 5px; padding: 5px 10px; } a:hover { color: white; background-color: blue; }