導航:首頁 > 萬維百科 > 網頁設計鏈接偽類設計

網頁設計鏈接偽類設計

發布時間:2021-03-06 06:23:41

1、使用偽類的設置網頁鏈接

寫錯了吧,中間應該是冒號,如果你想應該到整個網站的所有a元素上,只需加下面代碼就版行了權:
<style type="text/css">
<!--
a:link{color:#ee570d;text-decoration:underline;font-family:楷體;font-size:30px}
a:visited{color:blue;text-decoration:underline;font-family:楷體;font-size:30px}
a:hover{color:red;text-decoration:underline;font-family:楷體;font-size:60px}
a:active{color:fuchsia;text-decoration:none;font-family:楷體;font-size:30px}
-->
</style>

2、css的偽類中a:visited等設置的超鏈接樣式是所有的超鏈接,如果我只想設置其中一部分的超鏈接

給這部分增加樣式例如下面例子

a.want-set-css:visited{
   // your css code here.
}
<a href="#" class="want-set-css">需要設置visited樣式的鏈接</a>
<a href="#">默認的鏈接</a>

這樣就只會專影響設置class的超鏈接。屬

3、用css偽類選擇器怎樣對網頁中指定超鏈接設置特定的樣式?(不是所有的超鏈接,是指定的一部分)謝謝了!

你可以在a 鏈接的加過一個class 或者 用 父級+ a 的方式也可以啊

這樣就只是指定一部份了

4、網頁設計中的動態臉接中a:link a:visited a:hover a:active四種狀態的含義是什麼?

a:link 是指超鏈接正常的時候的狀態
a:visited 是超鏈接被點擊以後的狀態
a:hover 是超鏈接滑鼠經過狀態
a:active 是超鏈接激活狀態

呵呵~~希望幫到您

5、簡述css鏈接文字的偽類

大部分瀏覽器支持四種基本的鏈接狀態:未訪問過的鏈接,已經被訪問過的鏈接,訪問者內的滑鼠停留在鏈接上容面的狀態,訪問者滑鼠點擊時刻的狀態。css提供了4個偽類選擇器與這些狀態相對應——:link, :visited, :hover, :active.利用它們可以應用不同的格式給每一種狀態。
css偽類語法規則:
selector:pseudo-class{property:value;

舉個栗子:

a:link{color:#FF0000}
a:visited{color:#00FF00}
a:hover{color:#FF00FF}
a:active{color:#0000FF}

提示:在 CSS 定義中,a:hover 必須被置於 a:link 和 a:visited 之後,才是有效的。
提示:在 CSS 定義中,a:active 必須被置於 a:hover 之後,才是有效的。
提示:偽類名稱對大小寫不敏感。

6、偽類css樣式是否可以應用於除超鏈接外的其他網頁元素?

可以的,偽類css不一定是用在超鏈接的,也可以用在您指定的類、id、或者網頁body內的任意標簽。比如: li:hover{} 、 p:hover{}等等。

7、HTML中超鏈接和CSS的偽類元素

清除字體效果時不要用偽類:
.two ul li a{text-decoration:none;}
而且你在:link中先設定顏色再清除掉不是做無用功么……

8、淘寶裝修頁面,在自定義區內編輯代碼,想實現css對鏈接a的偽類控制(:hover),但淘寶代碼自動過濾,怎麼

回答是沒辦法實現!

9、超鏈接中偽類的設置

a {
內font-size: 10px;
容color: red;
border-top: 1px dotted red;
}
a:visited {
font-size: 20px;
color: blue;
border-bottom: 1px double pink;
}
a:hover {
font-size: 30px;
color: green;
text-decoration: line-through;
text-decoration-color: blue;
}
a:active {
font-size: 40px;
color: green;
}

10、html css 網頁設計 a:link ,a:visited,a:hover, 怎麼 添加行內樣式

a:link,a:visited,a:hover,貌似不可以用行內樣式表示哦。

可以用內部樣式:

<style>
    a:link {color:blue}
    a:visited{color:red} 
    a:hover {color:yellow}
</style>

也可以用css文件中的外部樣式:

<link rel="stylesheet" type="text/css" href="test.css"></link>
test.css文件里:
    a:link {color:blue}
    a:visited{color:red} 
    a:hover {color:yellow}

但是貌似不可以用行內樣式的。

如果一定要用,可以這樣的方式來:

<a href="javascript:void(0);" onmouseover="this.style.color='yellow';" onmouseout="this.style.color='blue';" onclick="this.style.color='red';">鏈接</a>

其中,onmouseout對應的a:link,onclick對應的a:visited,onmouseover對應的a:hover

與網頁設計鏈接偽類設計相關的知識