2010年3月12日 星期五

【css】更改網誌名稱的顏色

修改網誌名稱很多人認為只要從/*日誌名稱*/這裡將color:
#FFFFFF;修改掉


但非如此!


因為網誌名稱一般都是"連結"而非普通"文字"


所以要從連結的地方改


/*連結*/
A {
    color: #FFFFFF;
    text-decoration: none;
}
A:link {
    color: #759b5e;
    text-decoration: none;
}
A:visited {
    color: #096c46;
    text-decoration: none;
}

A:active {
    color: #95c34d;
    text-decoration: none;
}
A:hover {
    text-decoration: none;
    color: #95c34d;
}


只要將下面的 color:
#759b5e;做修改即可~


A:linkA:visited分別是滑鼠位移入超連結的顏色與移入超連結的顏色


A:link {

    color:
#759b5e;


    text-decoration: none;

}

A:visited {

    color:
#096c46;


    text-decoration: none;

}


但是如果改連結的話就會改變到全部的連結


譬如文章標題的連結顏色也會改


所以要在/*日誌名稱*/這裡加一段語法


/*日誌名稱*/
.blogname{
 font-size: 25px;
 font-weight: bold;
 
color: #FFFFFF;
 padding-left:20px;
 padding-top:80px;
}


.blogname a:link {
 color:#FFFFFF;
 text-decoration:none;
}
.blogname
a:visited {
 color: #FFFFFF;
 text-decoration:none;
}


加入藍色那段語法後就不會影響到其他連結的定義了!


本來的color:
#FFFFFF;似乎也是沒有意義


刪掉也不會影響到顏色


沒有留言:

張貼留言