亚洲精品狼友在线播放,东京热高清无码系列,三级无码在钱av无码在钱

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

怎樣去掉a標簽點擊時的虛線邊框

作者:admin 時間:2017-8-25 13:16:0 瀏覽:

有的瀏覽器如Firefox，在a標簽（鏈接）點擊后會留下一個虛線邊框，影響美觀，如下圖所示：

a標簽（鏈接）點擊后會留下一個虛線邊框

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

其實，我們可以從css來設置，達到要求。

css代碼如下：

a {
outline:none;
}

execcode getcode

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

CSS outline 屬性

定義和用法

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

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

outline 簡寫屬性在一個聲明中設置所有的輪廓屬性。

可以按順序設置如下屬性：

outline-color
outline-style
outline-width

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

可能的值

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

實例

設置 4 個邊框的樣式：

p{
outline:#00FF00 dotted thick;
}

瀏覽器支持

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

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

TIY 實例

在元素周圍畫線

代碼

<!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 時，Internet Explorer 8 （以及更高版本）才支持 outline 屬性。</p>
</body>
</html>

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

運行結(jié)果