作者shenbu (dj)
看板Web_Design
標題Re: [問題] 如何用CSS將網頁中的連結變不同顏色
時間Mon Jun 26 22:04:57 2006
※ 引述《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)
1F：推 Falldog:感謝你~:) 06/27 01:32