閱讀他人網(wǎng)頁時(shí),會(huì)發(fā)現(xiàn)超鏈接的顏色很豐厚,鼠標(biāo)放上去是一種顏色,點(diǎn)過之后又是一種顏色,能不能讓我頁面也有這樣的屬性呢?最近,網(wǎng)頁CSS制作中需求對(duì)整個(gè)網(wǎng)頁設(shè)置統(tǒng)一顏色color款式,同時(shí)還需求設(shè)置a錨文本超鏈接款式。當(dāng)然這不同中央不同字體顏色還需單獨(dú)設(shè)置所需顏色即可。一些初學(xué)東莞網(wǎng)站建設(shè)的朋友問起了關(guān)于銜接字體顏色的設(shè)置方面的問題。這些都是筆者在初學(xué)網(wǎng)站設(shè)計(jì)的時(shí)分遇到給文字加超鏈接后發(fā)現(xiàn)鏈接的顏色是藍(lán)色的而且還帶有下劃線,這種效果與主題的顏色搭配幾乎是太影響美觀效果了有沒有什么方法能夠去掉PPT中的超鏈接下劃線?再將超鏈接的文字顏色更改一下呢?針對(duì)PPT超鏈接的修正問題,筆者回想總結(jié)了下,供廣闊 東莞網(wǎng)站建設(shè)行業(yè)的新手朋友們參考。
第一、定義鏈接款式的四個(gè)偽類:
link
:visited
:hover
:active
錨標(biāo)簽和偽類鏈接起來書寫的方法就是定義鏈接款式的根底方法,寫法如下:
a:link定義正常鏈接的款式;
a:visit定義已訪問過鏈接的款式;
a:hov定義鼠標(biāo)懸浮在鏈接上時(shí)的款式;
a:act定義鼠標(biāo)點(diǎn)擊鏈接時(shí)的款式。
第二、整頁的鏈接款式設(shè)置
東莞做網(wǎng)站的時(shí)分,普通在頁面屬性里面停止添加,東莞網(wǎng)站制作普通運(yùn)用的DW等網(wǎng)站設(shè)計(jì)軟件,設(shè)計(jì)視窗的下面找到頁面屬性-分類里面找到鏈接-然后在右邊就能夠設(shè)置我需求的顏色了這樣做很直觀而且我設(shè)計(jì)工具說明的也很細(xì)致。依據(jù)上面的說明停止設(shè)置就能夠了假如代碼學(xué)的好的話,CSS里面直接寫相關(guān)的代碼就能夠了不過這樣問題就來了經(jīng)常我發(fā)如今我設(shè)置好整個(gè)頁面的鏈接款式屬性之后,整個(gè)頁面一切有鏈接的局部的字體顏色都會(huì)變化。所以這個(gè)時(shí)分就需求對(duì)局部的鏈接的顏色停止控制設(shè)置了
第三、實(shí)例解釋
首先bodi設(shè)置全網(wǎng)頁文字顏色為灰色“color:#999默許超鏈接文字顏色為黑色“a{color:#000000}鼠標(biāo)懸停時(shí)字體顏色變灰點(diǎn)“a:hover{color:#666666}同時(shí)設(shè)置”.abc選擇器”盒子里超鏈接錨文本默許字體顏色為藍(lán)色“.abca{color:#00F}鼠標(biāo)懸停在abc盒子里的超鏈接字體上時(shí)字體變紅色“.abca:hover{color:#F00}
假如要對(duì)對(duì)應(yīng)的類或者ID里面的鏈接停止設(shè)置的話,前面加對(duì)應(yīng)的類的稱號(hào)或者ID稱號(hào)就能夠了類的話,比方一個(gè)類叫做textlink,那么我每個(gè)款式的a.前面加 .textlink就能夠了假如是ID比如Pidtopnav,那么在每個(gè)款式a.前面加#topnav就行了這樣我能夠把我需求單獨(dú)定義的鏈接顏色款式些到CSS文件里面,這樣就可以隨意的控制了
還有一種辦法是直接定義鏈接的款式,那樣更直接,不過調(diào)用時(shí)比擬費(fèi)事,需求給每個(gè)特定的鏈接加上定義的代碼。
好了經(jīng)過我細(xì)化,當(dāng)前頁面功用更完善了置信你也學(xué)會(huì)了很多東西。不過別自豪喲,這一章只是入門,要想做更復(fù)雜的頁面,就要用到表格、層或框架等內(nèi)容,還要?jiǎng)?chuàng)立一些表單,以便于和用戶交流。這些內(nèi)容我將在下面的教程中逐個(gè)講到可要認(rèn)真學(xué)呀!好,不見不散!東莞網(wǎng)站制作的學(xué)問點(diǎn)很多,學(xué)習(xí)的時(shí)分肯定會(huì)碰到各種各樣的問題,一方面需求我勤學(xué)好問,遇到不懂的中央就記下來問有經(jīng)歷的網(wǎng)站設(shè)計(jì)師,一方面,要有耐煩信念。一旦我學(xué)會(huì)之后,那種快樂是只要我自己可以領(lǐng)會(huì)的享遭到
本文鏈接:http://m.5thwavemovie.net/wangzhanyouhua/512.html
|