CSS如何設(shè)置超鏈接?

由于超鏈接有四種不同的狀態(tài)，CSS用偽類來標識它們。

為博興等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及博興網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計、博興網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

(1) :link：設(shè)置a對象在未被訪問前的樣式表屬性。

(2) :visited：設(shè)置a對象在其鏈接地址已被訪問過時的樣式表屬性。

(3) :hover：設(shè)置對象在其鼠標懸停時的樣式表屬性。

(4) :active：設(shè)置對象在被用戶激活（在鼠標點擊與釋放之間發(fā)生的事件）時的樣式表屬性。

定義超鏈接的樣式：

定義超鏈接樣式的一般格式是：

選擇符:偽類名 { 樣式表 }

css中關(guān)于超鏈接的四個屬性正確順序為：

a:link {}

a:visited {}

a:hover {}

a:active {}

偽類名字對大小寫不敏感，但在定義順序上有要求。:hover必須被置于:link和:visited之后才是有效的，:active必須被置于:hover之后才是有效的。

如果沒有指定偽類，則默認為 :link。

超鏈接默認情況下是始總有下滑線的，如果要去掉下劃線，則需要添加樣式 text-decoration: none;

例子：

a:link { color:#dd3409;text-decoration:none; font-size:13px; }/**//* 超鏈接的樣式 */

a:visited { color:#9f301d;text-decoration:none; }

a:visited:hover { color:#9f301d;text-decoration:underline; }

a:hover { color:#dd3409;text-decoration:underline; }

a:active { color:#ff3300;text-decoration:underline; }

css初始化風格問題

樓主，你不是不懂css，而是不懂html。

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-size: 12px; }

h1到h6是html六種標題標簽，在word里也有不同大小的標題預(yù)設(shè)值，他們分別有字體大小不同，邊距不同、行高不同，也就是默認css屬性font-size、margin-top、margin-bottom、line-height的值不同。

ul、ol是列表標簽，如果不用css修飾，ul里每一項是以符號開始，ol是以數(shù)字開始

li是列表項標簽。

dl、dt、dd這套和ul、ol差不多，但這一套把列表項可以分成dt和dd兩種，但沒有開始符號或數(shù)字。

你寫的這幾個css都是為了統(tǒng)一html的標簽樣式以便操作。

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, td {

margin: 0;

padding: 0;

border: 0;

outline: 0;

}

意思是頁面中的所有html標簽、body標簽、div標簽、span標簽.......tr標簽、th標簽、td標簽的填充、邊距、邊框、外邊線都為0，其中outline是ie不支持，在ff下是外邊線，比如用它可以改變元素聚焦時候的虛線樣式。

cssReset幾乎每個網(wǎng)站都有，打開一個頁面就可以看，至于注釋，我認為絕對沒人給這東西標注釋，因為這是簡單的不能再簡單的css了，都已經(jīng)接近白話文了，只有復雜的css框架才會有相關(guān)的api或者注釋。

如何用CSS控制超鏈接字體樣式？

先一個例子，比如說下面這段代碼：

style type="text/css"

a:link {text-decoration:none;color:blue;}

a:hover {text-decoration:underline;color:red;}

a:active {text-decoration:none;color:yellow;}

a:visited {text-decoration:none;color:green;}/style其效果是：未被點擊時超鏈接文字無下劃線，顯示為藍色；當鼠標放在鏈接上時有下劃線，鏈接文字顯示為紅色；當點擊鏈接時，即鏈接被激活，鏈接無下劃線，顯示為黃色；當點擊鏈接后，也就是鏈接已被訪問過后，鏈接無下劃線，顯示為綠色。其中：

a:link 指正常的未被訪問過的鏈接；

a:hover 指鼠標在鏈接上；

a:active 指正在點的鏈接；

a:visited 指已經(jīng)訪問過的鏈接。參數(shù)設(shè)置：

text-decoration是文字修飾效果的意思；none參數(shù)表示超鏈接文字不顯示下劃線；underline參數(shù)表示超鏈接的文字有下劃線；如果是overline則給超鏈接文字加上劃線；換成line-through則是給超鏈接文字加上刪除線；blink則使文字在閃爍。

color:blue，color:red等是給鏈接文字加顏色。

還可以添加其他參數(shù)，如：

font-weight:bold給鏈接文字加粗；font-size:16pt設(shè)置鏈接文字字體大小；background:#ffd306給鏈接文字加背景顏色；font-style:italic鏈接文字傾斜；border-bottom:1px dashed #51bfe0給鏈接文字加虛線，其中1px是虛線的粗細度，數(shù)值越大越粗，dashed表示虛線，#51bfe0是虛線顏色，如果要給鏈接文字加虛線的話，就不用加下劃線了。

例如下面這兩段代碼：

style type="text/css"

a:hover {text-decoration:none;border-bottom:1px dashed red;}/style

其效果是當鼠標放在鏈接上的時候鏈接出現(xiàn)紅色虛下劃線。

style type="text/css"

a:hover {text-decoration:underline;font-weight:bold;color:red;background:blue;font-style:italic;}/style

其效果就是當鼠標放在鏈接上的時候，鏈接有下劃線，字體加粗，鏈接文字為紅色，背景為藍色，文字傾斜。

如果要去掉所有鏈接的下劃線則可以用下面這段代碼：

本文名稱：css超鏈接樣式初始化,css控制鏈接樣式
網(wǎng)頁URL：http://www.rwnh.cn/article20/dsdjeco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機、軟件開發(fā)、搜索引擎優(yōu)化、ChatGPT、網(wǎng)站制作、全網(wǎng)營銷推廣

廣告

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