在編寫CSS樣式時,經常會遇到需要去除元素本身默認樣式的情況。比如常用的標簽在未設置任何樣式時,會有下劃線并且顏色與鏈接默認顏色相同。為了消除這些默認樣式并讓頁面更富有個性,我們需要學會如何去除元素本身的樣式。
a{ text-decoration: none; color: #333; }
除了標簽外,其他元素也會有類似的問題。比如標簽在Chrome瀏覽器中會有默認的黃色邊框。我們可以使用outline屬性來去除邊框樣式。
input{ outline: none; }
outline屬性用來設置元素外輪廓線,包括外邊框、邊距和內邊距,將其設置為none即可去除默認邊框。
除了以上幾種元素的默認樣式,還有一些其它標簽需要去除樣式。比如標簽有默認的border屬性,我們可以使用border屬性設置為0來消除邊框。
img{ border: 0; }
總結一下,去除元素本身樣式的方法一般可以使用元素對應的CSS屬性來控制,如text-decoration、color、outline、border等屬性,將其設置為自己需要的值即可消除原有樣式。
上一篇if( php版本