導航:首頁 > 萬維百科 > 網頁設計怎麼加下劃線

網頁設計怎麼加下劃線

發布時間:2021-01-07 17:16:00

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

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

2、在網頁中如何設置超鏈接下劃線的顏色?

設置超鏈接下劃線的顏色的方法:A:link {color:顏色; }即可。

例如:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>

<body>
<style TYPE="text/css">
<!--
A:link {color:red; }
-->
</style>
<a href="www.baidu.com">百度</a>
</body>
</html>

效果:

擴展閱讀:

A:link後為普通情況下鏈接的效果

A:visited後為已訪問鏈接的效果

A:hover後為滑鼠懸停在鏈接上時的效果

A:active後為當前活動鏈接的效果

如果想修改鏈接的顏色只要在括弧內寫上color值即可。

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

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

4、使用dreamweaver製作網頁,怎麼給文字插入下劃線、刪除線、上劃線?盡量不要代碼編輯,請各位

設置樣式比如對標題h1
<style>
h1{
text-decoration:overline; //上劃線,underline下劃線,line-through刪除線;
}
</style>

5、網頁設計怎麼創建沒有下劃線的超鏈接?

這個需要寫a標簽的樣式。
要去掉a超鏈接錨文本下劃線將用到以下CSS樣式單詞:text-decoration 設置下劃線樣式單詞
去掉a超鏈接下劃線樣式,需要將css text-decoration的值設置為「none」即可。
舉例:如下去掉A鏈接下劃線樣式代碼:
a{text-decoration:none;}

6、網頁製作時,怎麼在CSS中給字體加下劃線?

*

7、網頁設計與製作中如何添加下劃線

d

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

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

與網頁設計怎麼加下劃線相關的知識