導航:首頁 > 萬維百科 > 網頁設計中給超鏈接去下劃線

網頁設計中給超鏈接去下劃線

發布時間:2021-02-10 16:50:16

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

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)。網頁通常用圖像檔來提供圖畫。網頁要透過網頁瀏覽器來閱讀。

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

可以用css中text-decoration:none來去掉超鏈接的下劃線。

<html>

<head>

<style type="text/css">a {text-decoration: none}</style>

</head> 

<body><p><a href="具體連接地址">這是一個鏈接</a></p></body> </html>

(2)網頁設計中給超鏈接去下劃線擴展資料:

HTML 超鏈接(鏈接)的屬性:

超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。

當您把滑鼠指針移動到網頁中的某個鏈接上時,箭頭會變為一隻小手。

我們通過使用 <a> 標簽在 HTML 中創建鏈接。

有兩種使用 <a> 標簽的方式:

1、通過使用 href 屬性 - 創建指向另一個文檔的鏈接;

2、通過使用 name 屬性 - 創建文檔內的書簽。

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

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

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

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

用記事本打開網頁源代碼(也可以先用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>這一句就去掉超鏈接下劃線了,這是個最簡單的例子,你試著這樣做就會成功的。

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

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

6、網頁製作超鏈接去下劃線的程序

<STYLE type=text/css>TD {
FONT-SIZE: 12px
}
BODY {
FONT-SIZE: 12px
}
INPUT {
FONT-SIZE: 12px
}
A:link {
COLOR: #333333; TEXT-DECORATION: none
}
A:visited {
COLOR: #5B5B5B; TEXT-DECORATION: none
}
A:active {
COLOR: #FF00FF; TEXT-DECORATION: none
}
A:hover {
COLOR: #FF9900; TEXT-DECORATION: underline
}
.so {
BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc
}
</STYLE>

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

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

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

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

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

8、製作網頁時如何去掉超鏈接文字下的下劃線?

實現方法很簡單復,在源代碼制的和之間加上如下的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}
-->
其中:
a:link
指正常的未被訪問過的鏈接;
a:active
指正在點的鏈接;
a:hover
指滑鼠在鏈接上;
a:visited
指已經訪問過的鏈接;
text-decoration是文字修飾效果的意思;
none參數表示超鏈接文字不顯示下劃線;
underline參數表示超鏈接的文字有下劃線
同樣,如果講none替換成overline則給超鏈接文字加上劃線,換成line-through給超鏈接文字加上刪除線,blink則使文字在閃爍。

9、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 屬性的值。

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

創想者學院網頁設計教程中:用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則使文字在閃爍。

與網頁設計中給超鏈接去下劃線相關的知識