Re: [問題] 如何用CSS將網頁中的連結變不同顏色

看板Web_Design作者 (dj)時間18年前 (2006/06/26 21:56), 編輯推噓1(100)
留言1則, 1人參與, 最新討論串2/2 (看更多)
※ 引述《Falldog (嘿嘿~)》之銘言: : 一般的做法是將一開始時 : <style> : A.link{ ... } : </style> : 但是這樣會改到頁面中所有的連結 : 請問可以將頁面中一部分的連結變不一樣的顏色嗎? 這個問題我之前有問過了呀 後來我就學會了 :) http://www.fpppc.gov.tw/%7Ebtln-6/htm/about_us/corpphoto/ corpphoto_20060203.htm go back跟最下面的600-003的連結有不同 這樣寫就可以了 a:link { color: #FFFFFF; text-decoration: none; } a:visited { text-decoration: none; color: #FFFFFF; } a:hover { text-decoration: underline; color: #FFFFFF; } a:active { text-decoration: none; color: #FFFFFF; } a.b:link { color: #666666; text-decoration: underline; } a.b:visited { text-decoration: underline; color: #666666; } a.b:hover { text-decoration: underline; color: #366402; } a.b:active { text-decoration: underline; color: #666666; 這個a.b 你貼進去後就會看到樣式裡有b可以選 我還試過這種的喔 你看 :D http://www.fpppc.gov.tw/%7Ebtln-6/htm/about_us/substitute/substitute_qanda.htm 中間的的聯結跟右邊的聯結是不一樣的樣式 中間連結的寫法是這樣 a.c:link {color: #2C5717;} a.c:visited {color: #2C5717;} a.c:hover {color: #FFFFFF;background:#2C5717;text-decoration: none;} a.c:active {color: #FFFFFF;background:#2C5717;text-decoration: none; } 這是版上的人教我的 你自己試試看吧 go~ -- 連我這種原始碼大白痴都會了 你一定也學得起來 :) -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 218.165.197.228 ※ 編輯: shenbu 來自: 218.165.197.228 (06/26 22:05) ※ 編輯: shenbu 來自: 218.165.197.228 (06/26 22:05)

06/27 01:32, , 1F
感謝你~:)
06/27 01:32, 1F
文章代碼(AID): #14d-UWM_ (Web_Design)
文章代碼(AID): #14d-UWM_ (Web_Design)