導航:首頁 > 萬維百科 > 網頁設計如何去掉超鏈接的下劃線

網頁設計如何去掉超鏈接的下劃線

發布時間:2021-03-05 01:45:07

1、如何去掉網頁設計中超鏈接的下劃線

創想者學院網頁設計教程中:用CSS語法來控制超鏈接的形式、顏色變化。
下面我們做一個這樣的鏈接:未被點擊時超鏈接文字無下劃線,顯示為藍色;當滑鼠在鏈接上時有下劃線,鏈接文字顯示為紅色;當點擊鏈接後,鏈接無下劃
線,顯示為綠色。
實現方法很簡單,在源代碼的和之間加上如下的CSS語法控制:
<style type="text/css">
<!--
a:link { text-decoration: none;color: blue}
a:active { text-decoration:blink}
a:hover { text-decoration:underline;color: red}
a:visited { text-decoration: none;color: green}
-->
</style>
其中:
a:link 指正常的未被訪問過的鏈接;
a:active 指正在點的鏈接;
a:hover 指滑鼠在鏈接上;
a:visited 指已經訪問過的鏈接;
text-decoration是文字修飾效果的意思;
none參數表示超鏈接文字不顯示下劃線;
underline參數表示超鏈接的文字有下劃線
同樣,如果講none替換成overline則給超鏈接文字加上劃線,換成line-through給超鏈接文字加上刪除線,blink則使文字在閃爍。

2、怎麼去掉鏈接網頁默認的下劃線

用記事本打開網頁源代碼(也可以先用IE打開網頁,然後點擊IE菜單欄的「查看→源文件」),然後彈出如下記事本窗口:webshu.htm - 記事本文件(F)?編輯(E)?搜索(S)?幫助(H)<html<head<title網頁樹樹</title</head<body……</body</html??找到<head和</head這兩句了嗎?樣式表語句就加在它們中間。如下:<html<head<stylea{TEXT-DECORATION:none}</style</head<body??僅僅加入<stylea{TEXT-DECORATION:none}</style這一句就去掉超鏈接下劃線了,這是個最簡單的例子,你試著這樣做就會成功的。??·如果大部分超鏈接不要下劃線,就可以加入<stylea{TEXT-DECORATION:none}</style這一句,然後在少數要下劃線的超鏈接里使用這個方法,它就有下劃線了:<a href=****<u文字</a。

3、網頁中如何去掉超鏈接的下劃線

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #6B6C70;
}
其中的text-decoration: none;是消除下劃線

例如:只需加入一段代碼:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<style type="text/css"><!--
td,body { font-size: 9pt}
a:link{ color:#000000; text-decoration:none} 
a:visited{COLOR: #000000; TEXT-DECORATION: none} 
a:active{color:green;text-decoration:none}
a:hover{color:red;text-decoration:underline} --> 
</style>

補充:網頁是構成網站的基本元素,是承載各種網站應用的平台。通俗地說,您的網站就是由網頁組成的,如果您只有域名和虛擬主機而沒有製作任何網頁的話,您的客戶仍舊無法訪問您的網站。

網頁是一個文件,它可以存放在世界某個角落的某一台計算機中,是萬維網中的一"頁",是超文本標記語言格式(標准通用標記語言的一個應用,文件擴展名為.html或.htm)。網頁通常用圖像檔來提供圖畫。網頁要透過網頁瀏覽器來閱讀。

4、html中如何去掉超鏈接的下劃線

去掉超鏈接下面的下劃線可以通過CSS樣式表來控制。
text-decoration:none這個屬性是標準的文本即不顯示回任何的文本修飾。

例如:
<style type="text/css">
.abc{text-decoration:none}
</style>
<a href="#" class="abc">這個是答鏈接</a>

引申:
text-decoration這個屬性有以下參數參考:

none 定義標準的文本。
underline 定義文本下的一條線。
overline 定義文本上的一條線。
line-through 定義穿過文本下的一條線。
blink 定義閃爍的文本。
inherit 規定應該從父元素繼承 text-decoration 屬性的值。

5、網頁設計中怎麼把超鏈接的下劃線去掉?

用記事本打開網頁源代碼(也可以先用IE打開網頁,然後點擊IE菜單欄的「查看→源文件」),然後彈出如下記事本窗口:
<html>
<head>
<title>網頁樹樹</title>
</head>
<body>
……
</body>
</html>
找到<head>和</head>這兩句了嗎?樣式表語句就加在它們中間。如下:
<html>
<head>
<style>a{TEXT-DECORATION:none}</style>
</head>
<body>
僅僅加入<style>a{TEXT-DECORATION:none}</style>這一句就去掉超鏈接下劃線了,這是個最簡單的例子,你試著這樣做就會成功的。

6、在HTML中怎麼去掉超鏈接的下劃線

去掉超鏈接下面的下劃線可以通過CSS樣式表來控制。
text-decoration:none這個屬性是標準的文本即不顯示任何的文本修飾。

例如:
<style type="text/css">
.abc{text-decoration:none}
</style>
<a href="#" class="abc">這個是鏈接</a>

引申:
text-decoration這個屬性有以下參數參考:

none 定義標準的文本。
underline 定義文本下的一條線。
overline 定義文本上的一條線。
line-through 定義穿過文本下的一條線。
blink 定義閃爍的文本。
inherit 規定應該從父元素繼承 text-decoration 屬性的值。

7、網頁製作中,點擊超鏈接後,怎樣去掉超鏈接相應的下劃線

超鏈接下劃線的屬性: text-decoration:underline;
把「text-decoration:underline;」改成「text-decoration:none;」 就可以了

8、html超鏈接更改顏色和去掉下劃線

超鏈接下劃線可以使用「text-decoration: none;」去除,顏色可以用「color」屬性表示。

1、新建html文檔,在body標簽中添加兩個超鏈接並為超鏈接添加文字,這時默認情況下超鏈接帶下劃線且顏色為藍色:

2、設置white類,添加「text-decoration: none;」和「color: #fff;」,這時超鏈接變成無下劃線和白色:

3、設置black類,添加「text-decoration: none;」和「color: #000;」,這時超鏈接變成無下劃線和黑色:

9、html語言中怎樣去掉超鏈接文字的下劃線

<style type="text/css">
a:link,a:visited{
text-decoration:none; /*超鏈接無下劃線*/
}
a:hover{
text-decoration:underline; /*滑鼠放上去有下劃線*/
}
</style>

<a href="#">超鏈接</a>

與網頁設計如何去掉超鏈接的下劃線相關的知識