CSS3提供了多種方法來清除 HTML 元素的邊界(border),接下來我們就來一一介紹。
border: none;
這是最常見的清除元素邊框的方法,我們可以為 HTML 元素設(shè)置border:none;
來清除其邊界。
border: 0;
和上一個方法類似,border:0;
同樣可以清除元素的邊框。
border: transparent;
如果我們不僅希望清除元素的邊界,還希望保留元素的點(diǎn)擊效果,可以設(shè)置border:transparent;
。這將使元素邊框透明,但仍可點(diǎn)擊。
outline: none;
除了邊框,元素還可能有輪廓(outline)。如果想要將輪廓去除,我們可以在元素上設(shè)置outline:none;
。
box-shadow: none;
有時候,我們在設(shè)置元素邊框的同時可能也設(shè)置了陰影效果。如果要清除元素的邊界和陰影,我們可以使用box-shadow:none;
。
總結(jié):
border: none;
或border: 0;
可以清除元素邊界。border: transparent;
可以清除元素邊界同時保留點(diǎn)擊效果。outline: none;
可以清除元素輪廓。box-shadow: none;
可以清除元素的邊界和陰影。