css鏈結樣式

2022-09-06 10:39:20 字數 2316 閱讀 5521

新增不同樣式的超連結

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>超連結

title

>

<

style

>

a.one:link

a.one:visited

a.one:hover

a.two:link

a.two:visited

a.two:hover

a.three:link

a.three:visited

a.three:hover

a.four:link

a.four:visited

a.four:hover

a.five:link

a.five:visited

a.five:hover

style

>

head

>

<

body

>

<

p>將滑鼠移至鏈結上改變樣式.

p>

<

p><

b><

a class

="one"

href

="/css/"

target

="_blank"

>這個鏈結改變顏色

a>

b>

p>

<

p><

b><

a class

="two"

href

="/css/"

target

="_blank"

>這個鏈結改變字型大小

a>

b>

p>

<

p><

b><

a class

="three"

href

="/css/"

target

="_blank"

>這個鏈結改變背景顏色

a>

b>

p>

<

p><

b><

a class

="four"

href

="/css/"

target

="_blank"

>這個鏈結改變字型型別

a>

b>

p>

<

p><

b><

a class

="five"

href

="/css/"

target

="_blank"

>這個鏈結改變文字修飾

建立鏈結框

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>鏈結框

title

>

<

style

>

a:link,a:visited

a:hover,a:active

style

>

head

>

<

body

>

<

a href

="/css/"

target

="_blank"

>這是乙個鏈結

明天繼續學習css樣式

css鏈結樣式,優雅實用

常用標籤 框架文字字型 樣式 css 鏈結 href 影象 img 列表 ul ol table 表單 form 原始碼 style menu menu ul 不顯示專案符號 menu a 新增下劃線 menu a menu a link,menu a visited menu a hover st...

CSS製作多種鏈結樣式

多種鏈結樣式製作方法挺簡單的,看看下面這個多種鏈結樣式製作方法的例項,你就明白了如何用css製作多種鏈結樣式了 第一種樣式 預設的 個人日誌 第二種樣式 個人日誌 另外一種實現鏈結樣式的方法 個人日誌 div容器實現鏈結樣式的方法 個人日誌 當然,你完全可以將css 寫入乙個css檔案,這樣做的好處...

CSS製作多種鏈結樣式

今天在51.la論壇有問起 同一頁面如何製作多種鏈結樣式 於是自己就隨手寫了乙個 css製作多種鏈結樣式 結果卻寫錯鳥,其實 多種鏈結樣式製作方法 挺簡單的,看看下面這個多種鏈結樣式製作方法的例項,你就明白了如何用css製作多種鏈結樣式了 第一種樣式 預設的 個人日誌 第二種樣式 個人日誌 另外一種...