国产精品欧美福利久久,久久久亚洲AV成人网站,R级无码视频在线观看

技術(shù)頻道 - html技術(shù)

怎樣去掉a標(biāo)簽點(diǎn)擊時(shí)的虛線邊框

作者:admin 時(shí)間:2017-8-25 13:16:0 瀏覽:

有的瀏覽器如Firefox，在a標(biāo)簽（鏈接）點(diǎn)擊后會(huì)留下一個(gè)虛線邊框，影響美觀，如下圖所示：

a標(biāo)簽（鏈接）點(diǎn)擊后會(huì)留下一個(gè)虛線邊框

我們?nèi)绻隺標(biāo)簽（鏈接）在點(diǎn)擊后不要留下虛線邊框，要怎么做呢？

其實(shí)，我們可以從css來設(shè)置，達(dá)到要求。

css代碼如下：

a {
outline:none;
}

execcode getcode

代碼解釋，給a標(biāo)簽定義一個(gè) outline:none; 的屬性，是告訴a標(biāo)簽不要外部邊框。

CSS outline 屬性

定義和用法

outline （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。

注釋：輪廓線不會(huì)占據(jù)空間，也不一定是矩形。

outline 簡(jiǎn)寫屬性在一個(gè)聲明中設(shè)置所有的輪廓屬性。

可以按順序設(shè)置如下屬性：

outline-color
outline-style
outline-width

如果不設(shè)置其中的某個(gè)值，也不會(huì)出問題，比如 outline:solid #ff0000; 也是允許的。

可能的值

值	描述
outline-color	規(guī)定邊框的顏色。
outline-style	規(guī)定邊框的樣式。
outline-width	規(guī)定邊框的寬度。
inherit	規(guī)定應(yīng)該從父元素繼承 outline 屬性的設(shè)置。

實(shí)例

設(shè)置 4 個(gè)邊框的樣式：

p{
outline:#00FF00 dotted thick;
}

瀏覽器支持

所有瀏覽器都支持 outline 屬性。

注釋：如果規(guī)定了 !DOCTYPE，則 IE8 支持 outline 屬性。

TIY 實(shí)例

在元素周圍畫線

代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
p
{
border:red solid thin;
outline:#00ff00 dotted thick;
}
</style>
</head>
<body>
<p><b>注釋：</b>只有在規(guī)定了 !DOCTYPE 時(shí)，Internet Explorer 8 （以及更高版本）才支持 outline 屬性。</p>
</body>
</html>

本例演示使用 outline 屬性在元素周圍畫一條線。

運(yùn)行結(jié)果