CSS設(shè)置鏈接的樣式

鏈接是從一個(gè)網(wǎng)頁(yè)到另一個(gè)網(wǎng)頁(yè)的連接，CSS可通過(guò)不同屬性以各種不同方式來(lái)設(shè)置鏈接的樣式。下面本篇文章就來(lái)給大家介紹一下CSS設(shè)置鏈接的樣式的方法，希望對(duì)大家有所幫助。

創(chuàng)新互聯(lián)公司專(zhuān)注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站建設(shè)、做網(wǎng)站、市中網(wǎng)絡(luò)推廣、成都小程序開(kāi)發(fā)、市中網(wǎng)絡(luò)營(yíng)銷(xiāo)、市中企業(yè)策劃、市中品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供市中建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：chinadenli.net

在討論CSS屬性之前，先了解鏈接的狀態(tài)是非常重要的。鏈接可以存在于不同的狀態(tài)，并且可以使用偽類(lèi)進(jìn)行樣式設(shè)置。

下面給出了四種鏈接狀態(tài)：

●　a：link =這是一個(gè)正常的，未訪問(wèn)過(guò)的鏈接。

●　a：visited =這是用戶至少訪問(wèn)過(guò)一次的鏈接

●　a：hover =當(dāng)鼠標(biāo)懸停在它上面時(shí)，這是一個(gè)鏈接

●　a：active =這是一個(gè)剛剛點(diǎn)擊的鏈接。

語(yǔ)法：

color_name可以采用任何格式，如顏色名稱（green）、十六進(jìn)制值（#5570f0）或RGB值-rgb(25, 255, 2)。還有另一個(gè)狀態(tài)“a:focus”，用于在用戶使用Tab鍵瀏覽鏈接時(shí)進(jìn)行聚焦。

鏈接的默認(rèn)值：

●　默認(rèn)情況下，創(chuàng)建的鏈接帶有下劃線。

●　當(dāng)鼠標(biāo)懸停在鏈接上方時(shí)，它會(huì)變?yōu)槭中螆D標(biāo)。

●　正常/未訪問(wèn)的鏈接為藍(lán)色。

●　訪問(wèn)過(guò)的鏈接有紫色。

●　活動(dòng)鏈接為紅色。

●　鏈接聚焦時(shí)，它周?chē)幸粋€(gè)輪廓。

例：

效果圖：

CSS如何設(shè)置鏈接的樣式？

下面是鏈接的一些基本CSS屬性：

●　color屬性

●　font-family屬性

●　text-decoration屬性

●　background-color屬性

1、color屬性： 此CSS屬性用于更改鏈接文本的顏色。

語(yǔ)法：

例：

效果圖：

2、font-family屬性 ：此屬性用于使用font-family屬性更改鏈接的字體類(lèi)型。

語(yǔ)法：

3、text-decoration屬性： 此屬性主要用于向鏈接刪除或添加下劃線等修飾。

語(yǔ)法：

例：

效果圖：

4、background-color屬性 ：此屬性用于設(shè)置鏈接的背景顏色。

語(yǔ)法：

例：使用以下css屬性

效果圖：

更多 web前端 知識(shí)，請(qǐng)查閱 HTML中文網(wǎng) ！！

css怎么設(shè)置特定的a:link等連接樣式。

很簡(jiǎn)單啊 你加一個(gè)!important就行 即 .white a:link{color:#fff important}

原因啊 無(wú)非是優(yōu)先級(jí)問(wèn)題

或者你給a 直接添加樣式a class="white"/a這樣

如何連接外部CSS樣式

外部CSS樣式是一個(gè)獨(dú)立的CSS文件，當(dāng)在網(wǎng)頁(yè)中直接創(chuàng)建外部CSS樣式時(shí)，該樣式自動(dòng)應(yīng)用到網(wǎng)頁(yè)中；當(dāng)在創(chuàng)建空白網(wǎng)頁(yè)時(shí)，通常可以附加已經(jīng)存在的外部樣式表。如果CSS樣式文件已經(jīng)存在，制作網(wǎng)頁(yè)時(shí)可以通過(guò)【CSS樣式】面板中的【附加樣式表】按鈕來(lái)鏈接，具體操作如下：

（1）單擊【附加樣式表】按鈕，在打開(kāi)【鏈接外部樣式表】對(duì)話框（見(jiàn)圖1）中選擇外部CSS文件后，可以通過(guò)連接或?qū)敕绞綄⑵鋺?yīng)用到當(dāng)前網(wǎng)頁(yè)中。圖1

（2）在【添加為】中選擇其中的一個(gè)選項(xiàng)：

◇若要?jiǎng)?chuàng)建當(dāng)前文檔和外部樣式表之間的鏈接，請(qǐng)選擇【鏈接】單擊按鈕。該選項(xiàng)在HTML代碼中創(chuàng)建一個(gè)link標(biāo)記，并引用已發(fā)布的樣式表所在的URL。link標(biāo)記必須放在頁(yè)面的head區(qū)域。Internet Explorer和Netscape Navigator都支持此方法。

◇如果希望導(dǎo)入而不是鏈接到外部樣式表，請(qǐng)選擇【導(dǎo)入】單擊按鈕。導(dǎo)入外部樣式表是指在內(nèi)部樣式表的style里導(dǎo)入一個(gè)外部樣式表，導(dǎo)入時(shí)用@import。

注意：不能使用【鏈接】標(biāo)記添加從一個(gè)外部樣式表到另外一個(gè)外部樣式表的引用。如果要嵌套樣式表，必須使用【導(dǎo)入】指令。大多數(shù)瀏覽器還能識(shí)別頁(yè)面中（而不僅僅是樣式表中）的導(dǎo)入指令。當(dāng)在鏈接到頁(yè)面與導(dǎo)入到頁(yè)面的外部樣式表中存在重疊的規(guī)則時(shí)，不同瀏覽器解決沖突屬性的方式具有細(xì)微的差別。

文章名稱：css連線樣式,css中劃線樣式
網(wǎng)站網(wǎng)址：http://chinadenli.net/article5/dsgejii.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、微信小程序、用戶體驗(yàn)、網(wǎng)站導(dǎo)航、網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)