CSS中設置文字鏈接的樣式主要是設置鏈接的四種狀態(tài)，分別為什么？

在當今的網頁制作中，幾乎所有漂亮的網頁都用了CSS。 CSS是 Cascading Style Sheet的縮寫，有些書上把它譯為 “層疊樣式表”。有了CSS的控制，我們的網頁便會給人一種賞心悅目、工工整整的感覺，同時字體的色彩變化也使主頁變得更加生動活潑。 一、看下面的樣式：

目前創(chuàng)新互聯(lián)已為1000多家的企業(yè)提供了網站建設、域名、網站空間、網站托管運營、企業(yè)網站設計、文成網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

a:link { text-decoration: none} //a:link 指正常的未被訪問過的鏈接

a:active { text-decoration: none } //a:active 指點擊鏈接的瞬間出現(xiàn)的鏈接情況

a:visited { text-decoration: none } //a:visited 指已經訪問過的鏈接

a:hover { text-decoration: none; } //a:hover 指鼠標放上去鏈接出現(xiàn)的情況

hover是一個經常會被混淆的屬性，一般大家都認為鏈接是三個屬性：link,active,visited，而且一般的網頁制作軟件里也只有這三個設置，但是hover其實也是一個非常重要的屬性，它還可以在鏈接上加上背景色（BACKGROUND:#ccffcc;），其它的設置與上面三個一樣，所以大家現(xiàn)在可以記住，鏈接上可以做四個屬性設置，分別是：link,active,visited,hovertext-decoration是文字修飾效果的意思，none參數表示使有超級鏈接的文字不顯示下劃線。如果講none替換成underline就表示有下劃線，換成overline則給超連文字加上劃線，換成 line-through給超連文字加上刪除線。還有一個是blink參數，顧名思義是閃爍效果，但是他要在NetScape瀏覽器上才能顯示。

二、使粗體文字加上刪除線。粗體文字使用的代碼是：B { text-decoration: line-through }使粗體文字中所有的字母大寫。使用代碼： B { text-transform: uppercase }（這個在NS中才顯示出來，IE沒有相應效果顯示）產生既大寫，又有顏色，又有刪除線的效果的代碼是：b { text-decoration: line-through; text-transform: uppercase; color: #66FFFF} 。另外，用lowercase使所有字母小寫顯示，capitalize 使每個單詞的首字母大寫顯示。

三、產生鏈接變色效果：經過在對鏈接的幾個屬性進行顏色設置后，可以使具有l(wèi)ink,active,visited屬性的鏈接顯示不同的顏色，但是卻不會產生鼠標覆蓋變色效果。

a:link { text-decoration: none ; color: green } //正常鏈接文字顯示綠色

a:active { text-decoration: none ; color: yellow } //點擊瞬間的鏈接顯示黃色

a:visited { text-decoration: none ; color: red } //已經訪問過的鏈接顯示紅色要想產生鼠標放上去產生變色效果，就要用到另一個屬性了,這就是 hover。如：a:hover { text-decoration: none ; color: yellow；background:white; } 表示鼠標移動到鏈接文字上時，文字修飾風格為“無”，同時鏈接文字顯示黃色，鏈接文字的底色顯示為白色。四、看一下下面鏈接設置的總體運用情況：

a:link { text-decoration: none ; color: blue ; font-size: 9pt }

a:active { text-decoration: underline ; color: yellow;font-size: 10pt }

a:visited { text-decoration: none ; color: red;font-size: 10.5pt }

a:hover { text-decoration: underline; color: green ; font-size: 11pt;background:white; }上面這樣設置含義為：

a:link 鏈接文字沒有下劃線，藍色（blue）顯示，字為9pt大小；

a:active鼠標點擊鏈接的瞬間文字再現(xiàn)下劃線，顏色變成黃色（yellow），并且文字大小變成10pt；

a:visited 訪問過的鏈接沒有下劃線，文字變成紅色（red），同時文字大小變成10.5pt；

a:hover鼠標放到鏈接上時出現(xiàn)下劃線，顏色為綠色（green），字符大小11pt，同時文字上出現(xiàn)一個白色（white）的背景區(qū)域。

css中各個樣式的意義

:active

設置對象在被用戶激活(在鼠標點擊與釋放之間發(fā)生的事件)時的樣式。

在CSS1中此偽類僅可用于 a 對象。對于無 href 屬性(特性)的 a 對象，此偽類不發(fā)生作用。

在CSS2中此偽類可以應用于任何對象。

并且 :active 可以和 :link 以及 :visited 狀態(tài)同時發(fā)生。 a:active { font-size: 14pt; text-decoration: underline; color: blue; }

:hover

設置對象在其鼠標懸停時的樣式。

在CSS1中此偽類僅可用于 a 對象。對于無 href 屬性(特性)的 a 對象，此偽類不發(fā)生作用。

在CSS2中此偽類可以應用于任何對象。

a:hover { font-size: 14pt; text-decoration: underline; color: blue; }

a:hover span{ color:red; }

CSS是Cascading Style Sheets(層疊樣式表)的縮寫。是一種對web文檔添加樣式的簡單機制，屬于表現(xiàn)層的布局語言。

1.基本語法規(guī)范

分析一個典型CSS的語句：

p {COLOR:#FF0000;BACKGROUND:#FFFFFF}

其中"p"我們稱為"選擇器"(selectors)，指明我們要給"p"定義樣式；

樣式聲明寫在一對大括號"{}"中；

COLOR和BACKGROUND稱為"屬性"(property)，不同屬性之間用分號";"分隔；

"#FF0000"和"#FFFFFF"是屬性的值(value)。

2.顏色值

顏色值可以用RGB值寫，例如：color : rgb(255,0,0)，也可以用十六進制寫，就象上面例子color:#FF0000。如果十六進制值是成對重復的可以簡寫，效果一樣。例如:#FF0000可以寫成#F00。但如果不重復就不可以簡寫，例如#FC1A1B必須寫滿六位。

3.定義字體

web標準推薦如下字體定義方法：

body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; }

字體按照所列出的順序選用。如果用戶的計算機含有Lucida Grande字體，文檔將被指定為Lucida Grande。沒有的話，就被指定為Verdana字體，如果也沒有Verdana，就指定為Lucida字體，依此類推，；

Lucida Grande字體適合Mac OS X；

Verdana字體適合所有的Windows系統(tǒng)；

Lucida適合UNIX用戶

"宋體"適合中文簡體用戶;

如果所列出的字體都不能用，則默認的sans-serif字體能保證調用;

4.群選擇器

當幾個元素樣式屬性一樣時，可以共同調用一個聲明，元素之間用逗號分隔，： p, td, li { font-size : 12px ; }

5.派生選擇器

可以使用派生選擇器給一個元素里的子元素定義樣式，例如這樣：

li strong { font-style : italic; font-weight : normal；}

就是給li下面的子元素strong定義一個斜體不加粗的樣式。

6.id選擇器

用CSS布局主要用層"div"來實現(xiàn)，而div的樣式通過"id選擇器"來定義。例如我們首先定義一個層

div id="menubar"/div

然后在樣式表里這樣定義：

#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}

其中"menubar"是你自己定義的id名稱。注意在前面加"#"號。

id選擇器也同樣支持派生，例如：

#menubar p { text-align : right; margin-top : 10px; }

這個方法主要用來定義層和那些比較復雜，有多個派生的元素。

6.類別選擇器

在CSS里用一個點開頭表示類別選擇器定義，例如：

.14px {color : #f60 ;font-size:14px ;}

在頁面中，用class="類別名"的方法調用：

span class="14px"14px大小的字體/span

這個方法比較簡單靈活，可以隨時根據頁面需要新建和刪除。

7.定義鏈接的樣式

CSS中用四個偽類來定義鏈接的樣式，分別是：a:link、a:visited、a:hover和a : active，例如：

a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}

a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}

a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}

a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}

以上語句分別定義了"鏈接、已訪問過的鏈接、鼠標停在上方時、點下鼠標時"的樣式。注意，必須按以上順序寫，否則顯示可能和你預想的不一樣。記住它們的順序是“LVHA”。

在DW,CSS樣式中l(wèi)ink，visited，hover，active這四個分別表示什么意思？

link;visited;hover;active解釋及正確順序：

a:link 選擇器設置指向普通的、未被訪問頁面的鏈接的樣式

a:visited 選擇器用于設置指向已被訪問的頁面的鏈接

a:active 選擇器用于活動鏈接

a:hover 選擇器用于選擇鼠標指針浮動在上面的元素。

text-decoration 屬性大多用于去掉鏈接中的下劃線：

例如：a:link{text-decoration：none;}看到別人總結的兩點參考下記憶：

在CSS中，如果對于相同元素有針對不同條件的定義，宜將最一般的條件放在最上面，并依次向下，保證最下面的是最特殊的條件。

“愛恨原則”（LoVe/HAte），即四種偽類的首字母:LVHA。

再重復一遍正確的順序：a:link、a:visited、a:hover、a:active

擴展資料：

css鏈接link時，鏈接可以使用任何css屬性,包括字體.顏色.背景等等. 鏈接有四個狀態(tài),可在四個狀態(tài)時設置不同的屬性 a:link - 正常,未訪問過的鏈接 a:visited - 用戶已訪問過的鏈接 a:hover -

當用戶鼠標放在鏈接上時 a:active - 鏈接被點擊的那一刻 當為鏈接的不同狀態(tài)設置樣式時,需要遵循a:hover 必須位于a:link 和a:visited之后,a:active 必須位于 a:hover 之后。

CSS常用樣式二

實際應用，更多的使用italic屬性值

實際應用中， 行高的數值通過設計圖獲取， 量取數值時需要使用一些輔助軟件工具

選中文字工具，屬性選中：不消除鋸齒

字體、 字號、 行高、 加粗、 斜體 都是font綜合屬性的單一屬性。

font屬性五個單一屬性的值可以進行合寫， 屬性值可以有2到多個， 值之間用空格進行分隔。

font進行綜合書寫時， 必須有字號和字體參與， 而且必須字號在前， 字體在后， 不能顛倒順序。

font屬性經常對字體、 字號、 行高進行合寫， 書寫順序必須是字號、 行高、 字體， 字號和行高之間必須用/進行分隔

如果font屬性需要設置加粗和斜體， 兩個屬性值只能寫在最前面， 兩個值之間可以互換位置。 后面的字號、 行高、 字體不能更改位置

作用：設置文本整體是否有線條的裝飾效果

作用：設置段落首行是否進行縮進

實際應用中，常用em

屬性值區(qū)分正負， 正數表示向右縮進， 負數表示向左縮進

瀏覽器控制臺中的盒模型圖

作用： 設置可以添加元素內容的區(qū)域的寬度。

作用： 設置可以添加元素內容的區(qū)域的高度。

如果一個元素不添加 height 屬性， 默認屬性值為auto， 瀏覽器會自動計算出實際高度， 也就是是內部元素內容自動撐開的高度。 元素的高度自適應內部內容的高度。

書寫四個方向單一屬性時， 一般是按照順時針規(guī)律書寫： 上、 右、 下、 左

設置四個屬性值， 分配方向上、 右、 下、 左。

設置三個值分配給上、 左右、 下。

設置兩個值， 分配給上下、 左右 。

設置屬性值只有一個， 四邊的值相同。

作用： 設置邊框的顏色。

屬性值： 顏色名或顏色值， 整體類似 padding 綜合屬性寫法。

每個單一屬性都必須與復合屬性 border 一致， 設置三個屬性值。

書寫四個方向單一屬性時， 一般是按照順時針規(guī)律書寫： 上、 右、 下、 左

設置四個屬性值， 分配方向上、 右、 下、 左。

設置三個值分配給上、 左右、 下。

設置兩個值， 分配給上下、 左右 。

設置屬性值只有一個， 四邊的值相同。

給 body 標簽設置整體文字樣式， 讓大部分后代標簽全部去繼承

設計圖中盒子高度占位是固定的， 后面同級元素在高度下面加載。多余內容會溢出盒子。

設置了高度的盒子， 如果內部元素的加載高度超過父級， 會溢出。可以通過一個溢出的屬性 overflow， 進行溢出部分內容的顯示效果設置。

要求盒子高度必須自適應內部內容的高度。

或者設置height的屬性值是自動的。

一個元素內部嵌套的子元素， 在父元素中居中。

針對類似 div 樣式上必須獨占一行的盒子， 如果子盒子寬度低于父盒子寬度， 可以設置子盒子的 margin 值， 水平方向的值都設置為 auto。

原因： auto 只在水平方向有作用， 水平方向的 margin 如果設置為 auto， 邊距會自動無限增大， 直到撐滿整個父元素除了子元素寬度之外剩余的區(qū)域， 如果兩個水平方向都是 auto， 兩邊都要無限大， 只能達到一個平衡， 兩邊距離相同， 導致盒子居中。

一般情況下， 一個父元素內部可以放一個或多個子元素， 而且多個子元素要排成一行顯示， 必須保證父元素的寬度一定要足夠（不考慮溢出情況） ， 需要遵循一個設置尺寸的規(guī)律： 所有子元素的寬度加在一起不能大于父元素的寬度 width。父元素的width ≥ 所有子元素width + padding + border + margin

如果不滿足條件： 要么多余的子元素掉下來不能在一排， 要么溢出父元素

父子盒模型中， 只有一個子元素， 且子元素是類似 div 標簽必須占一行的。不設置子元素的 width 屬性， 子元素的 width 屬性值會自動加載父級元素的 width。如果同時設置了子元素水平方向的 padding 和 border 、 margin， 不需要手動去進行內減， 子元素的 width 會自動收縮尺寸。

子元素所有的水平方向的位置所有屬性的加和等于父元素的 width 。

在垂直方向如果有兩個元素的外邊距有相遇的， 瀏覽器中加載的真正的外邊距不是兩個間距的加和， 而是兩個邊距中值較大的， 邊距值小的塌陷到了邊距值大的值內部。

上面的元素有下邊距， 下面的元素有上邊距， 兩個邊距相遇， 真正的盒子間距離是較大的那個值

父子元素之間也會出現(xiàn) margin 塌陷， 父元素和子元素都設置了同方向的margin-top 值， 兩個屬性之間沒有其他的內容進行隔離， 導致兩個屬性相遇， 發(fā)生margin 塌陷。

本身父元素與上一個元素的距離是0， 子元素如果設置了垂直方向的上邊距， 會帶著父級一起掉下來。

水平方向的 margin 沒有塌陷現(xiàn)象。

在標準流中， 大部分元素是區(qū)分等級的， 習慣將元素劃分為幾種常見的加載級別：塊級元素、 行內元素、 行內塊元素等。

大部分容器級標簽包括p標簽都是塊級元素， 比如 div 、 h1 等。

大部分的文本級標簽， 比如 span、 a、 b 等。

比如 img、 input 等。

可以通過 display 屬性更改一個標簽的顯示模式。

屬性值： 元素根據屬性值不同， 可以加載對應元素等級的顯示模式的特點。

display 屬性更改的顯示模式并沒有改變標準流本質性質， 頁面還是只能從上往下加載， 存在空白折疊現(xiàn)象等微觀性質。 要想實現(xiàn)更多的界面布局效果需要脫離標準流的限制。

標簽元素脫離標準流的方法包括： 浮動、 絕對定位、 固定定位。

margin 塌陷現(xiàn)象出現(xiàn)在標準流中的， 浮動元素已經脫離標準流， 不再具有 margin塌陷現(xiàn)象。

與前面壓蓋效果結構類似， 同級元素中前面的元素浮動， 后面的元素不浮動， 不浮動的元素內部還有一些文字， 浮動的藍盒子會壓蓋住粉盒子的一部分， 但是文字內容不會被蓋住， 粉盒子中的文字會讓開藍盒子位置， 圍繞它進行加載。這種效果稱為字圍現(xiàn)象。

可以利用字圍現(xiàn)象制作一些特殊的圖文混排布局效果

給標準流的父元素強制給一個合適的高度

作用： 清除標簽元素自身受到的前面的浮動元素的影響。

給標準流父元素添加 clear 屬性， 父元素不受前面浮動影響， 不會再占有浮動讓出的位置。

給內部有浮動子元素的父元素添加溢出隱藏 overflow: hidden; 屬性， 可以解決浮動的所有問題。

父元素有了高度后， 可以管理住內部所有的浮動元素， 不會延伸到后面標簽中影響貼邊。

a 標簽可以根據用戶行為不同， 劃分為四種狀態(tài)， 通過a 標簽的偽類可以將四種狀態(tài)選中設置為不同的樣式效果， 用戶觸發(fā)對應行為， 就可以加載對應的樣式。

一般會將訪問前和訪問后狀態(tài)設置為一樣的效果， 保證了頁面的統(tǒng)一性， 可以選擇性的設置鼠標移上和鼠標點擊狀態(tài)。

更加常用的一種設置方式如下：

a 標簽任何普通的選擇器， 可以同時選中四種狀態(tài)， 可以將四種狀態(tài)設置為相同的樣式， 屬性可以設置所有的 a 默認顯示樣式的屬性， 包括盒模型、 文字等。

a:hover 偽類選擇器： 設置鼠標移上時不一樣的樣式屬性。

屬性值都是使用代表方向的單詞進行書寫。

使用像素值作為背景定位的屬性值。

百分比表示法使用百分比數字作為屬性值。

100%代表的數值：

background 屬性可以將五個單一屬性的值進行合寫。

屬性值： 可以有 1-5 個屬性值， 值之間用空格進行分隔， 背景定位的兩個屬性值算作一個屬性值， 不能被分開也不能顛倒順序。 五個屬性值之間可以互換位置。

在h1 標簽是權重最高的標簽， 一般會在內部書寫最重要的內容， 比如 logo 圖片、 最大的標題等。

另外 h1 內部的文字， 可以幫助提高 SEO 搜索排名。

在設置的是 logo 圖片時， 如果使用插入圖， 就不能書寫搜索關鍵字。

如果想解決 SEO 問題， 可以將 HTML 結構中， 插入圖換成搜索關鍵字， 然后使用 css 添加背景圖給 a 標簽或 h1 標簽。

在一個盒子中有背景圖部分， 而且有文字內容， 文字會讓開背景圖區(qū)域進行加載，

背景區(qū)域應該使用 padding 擠出位置。

四個方向的 padding 都可能用于添加背景圖。

當用戶訪問一個網站時， 需要向服務器發(fā)送請求， 網頁上的每張圖像都要經過一次求才能展現(xiàn)給用戶。

然而， 一個網頁中往往會應用很多小的背景圖像作為修飾， 當網頁中的圖像過多時，服務器就會頻繁地接受和發(fā)送請求， 這將大大降低頁面的加載速度。為了有效地減少服務器接受和發(fā)送請求的次數， 提高頁面的加載速度， 出現(xiàn)了 CSS精靈技術（也稱 CSS Sprites、 CSS 雪碧） 。

CSS 精靈是一種處理網頁背景圖像的方式。

它將一個頁面涉及到的所有零星背景圖像都集中到一張大圖中去， 然后將大圖應用于網頁， 這樣， 當用戶訪問該頁面時， 只需向服務發(fā)送一次請求， 網頁中的背景圖像即可全部展示出來。

通常情況下， 這個由很多小的背景圖像合成的大圖被稱為精靈圖。

CSS3 支持背景半透明的寫法， 顏色值增加了一種 rgba 模式。

rgba 模式 ： 在 rgb 基礎上增加了一個不透明度的設置， 不透明度 alpha 取值范圍在0-1 之間， 0 表示完全透明， 1 表示完全不透明， 0.5 表示半透明。

書寫方式： rgba(紅色， 綠色， 藍色， 不透明度)

注意： 背景半透明是指盒子背景半透明， 盒子里面的內容不受影響。

通過 background-size 設置背景圖片的尺寸， 就像我們設置 img 的尺寸一樣， 在移動 Web 開發(fā)中做屏幕適配應用非常廣泛。

CSS3 中規(guī)定， 一個盒子上， 可以添加多個背景圖片。

background-image 的屬性值書寫時， 以逗號分隔多背景的 URL路徑地址。

注意： 背景加載時， 先寫的背景壓蓋后寫的背景圖片。

屬性名： position。

作用： 設置定位的元素， 它需要根據某個參考元素發(fā)生位置的偏移。

定位的元素要想發(fā)生位置的移動， 必須搭配偏移量屬性進行設置。

水平方向： left、 right。

垂直方向： top、 bottom。

屬性值： 常用 px 為單位的數值， 或者百分比。

子絕父相、 子絕父絕、 子絕父固

屬性值： absolute， 絕對的意思。

參考元素： 參考的是距離最近的有定位的祖先元素， 如果祖先都沒有定位， 參考body。必須搭配偏移量屬性才會發(fā)生位置移動。

性質： 絕對定位的元素脫離標準流， 會讓出標準流位置， 可以設置寬高， 也可以隨時定義位置， 絕對定位的元素不設置寬高只能被內容撐開。

注意1： 絕對定位的參考元素是不固定的， 不同的參考元素以及不同的偏移量組合，會導致絕對定位元素的參考點不同， 具體位移效果不同。

注意2： 在絕對定位中， 由于參考點不同， left 正值不再等價于 right 的負值。

以 body 為參考元素時， 參考點的確定與偏移量方向有關

第一， 如果有 top 參與的定位， 參考點就是 body 頁面的左上頂點和右上頂點。 自身的對比點是盒子的所有盒模型屬性最外面的左上角或右上角。

第二， 如果有 bottom 參與的絕對定位， 參考點是 body 頁面首屏的左下頂點或右下頂點。 對比點是盒子的所有盒模型屬性最外面的左下角或右下角。

實際應用中， 如果以 body 為參考元素， 不同分辨率的瀏覽器中， 絕對定位的元素位置是不同的， 所以較少使用 body 作為參考元素。

祖先級為參考元素

如果祖先級中有定位的元素， 就不會去參考 body 。

參考元素： 參考的是祖先元素中有任意定位的， 在 HTML 結構中距離目標最近的祖先。

如果絕對定位的參考元素是某個祖先級， 參考點是盒子 border 以內的四個頂點， 組合方向決定了參考點。 絕對定位的元素只關心對比點和參考點之間的距離， 會忽視參考元素的 padding 區(qū)域。

所有的定位類型都可以實現(xiàn)壓蓋效果。

由于絕對定位的元素脫標， 不占標準流位置， 壓蓋效果更徹底， 實際工作中， 常見的是 絕對定位制作壓蓋。

定位的元素不區(qū)分定位類型， 都會去壓蓋標準流或浮動的元素。

如果都是定位的元素， 在 HTML 中 后寫定位壓蓋先寫的定位 。

更改定位的元素的壓蓋順序， 設置一個 z-index 屬性。

屬性值： 數字。

在CSS選擇器中，什么樣式表示鼠標移上狀態(tài)？

原態(tài)：.C1{font-size:12px; color:#000}

//表示設置的C1樣式為黑色12號字

鼠標移上狀態(tài)：.C1 a:hover{font-size:14x; color:#900; text-decoration:none}

//a:hover表示鼠標移上后文本變?yōu)榘导t色14號字，且無下劃線

link表示正常

visited表示已訪問

hover表示懸停

active表示正在訪問

CSS設置鏈接的樣式

鏈接是從一個網頁到另一個網頁的連接，CSS可通過不同屬性以各種不同方式來設置鏈接的樣式。下面本篇文章就來給大家介紹一下CSS設置鏈接的樣式的方法，希望對大家有所幫助。

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

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

●　a：link =這是一個正常的，未訪問過的鏈接。

●　a：visited =這是用戶至少訪問過一次的鏈接

●　a：hover =當鼠標懸停在它上面時，這是一個鏈接

●　a：active =這是一個剛剛點擊的鏈接。

語法：

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

鏈接的默認值：

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

●　當鼠標懸停在鏈接上方時，它會變?yōu)槭中螆D標。

●　正常/未訪問的鏈接為藍色。

●　訪問過的鏈接有紫色。

●　活動鏈接為紅色。

●　鏈接聚焦時，它周圍有一個輪廓。

例：

效果圖：

CSS如何設置鏈接的樣式？

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

●　color屬性

●　font-family屬性

●　text-decoration屬性

●　background-color屬性

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

語法：

例：

效果圖：

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

語法：

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

語法：

例：

效果圖：

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

語法：

例：使用以下css屬性

效果圖：

更多 web前端 知識，請查閱 HTML中文網 ！！

新聞名稱：css中樣式狀態(tài),css樣式方式
標題來源：http://chinadenli.net/article35/dsiijpi.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供電子商務、網站收錄、標簽優(yōu)化、商城網站、Google、面包屑導航

廣告

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