網站上修改文字顏色並且拿掉下引線與靠近時能變換顏色調整

網站上修改文字顏色並且拿掉下引線與靠近時能變換顏色調整

網站上修改文字顏色並且拿掉下引線與靠近時能變換顏色該調整

【版面管理】 ---> 【網站頁面設定】 ---> 【商店風格/預設樣式表/一般性標題文字】 --->  【樣式表】
 
找到以下樣式表內碼加上黃色區塊的內容紅色括號內容為全站文字的設定。
 
html {}
body {background:url('/image/data/BodyBG.jpg');padding:5px 0 0 0;font-size:1rem;}
h1 {padding:0;font-size:2em;font-weight:bold;margin:10px 0;}
img {vertical-align:bottom;}
a, a:visited {color:#1B57A3;text-decoration:none;font-size:1rem;}   這是將原來的text-decoration:underline 換成text-decoration:none
a:hover, a:focus { color:#f60;text-decoration:none;cursor:pointer;outline:0;}   當滑鼠靠近時是加上橘色
 
 
--------------------------------------------------------------------------------------------
 
這css語法的使用解釋如下:

a:link: 設定當連接過去的網頁尚未被看過時,該連接的樣式。

a:visited: 設定當連接過去的網頁已經看過時,該連接的樣式。

a:hover設定當滑鼠蓋在連接上面時,該連接的樣式。

a:active: 設定當連接被點擊時,該連接的樣式。

 

樣式的使用解說:

a:link {color:#FF0000; text-decoration:none;} 
a:visited {color:#0000FF; text-decoration:none;} 
a:hover {font-size:20; color:#00FF00; text-decoration:underline;} 
a:active {color:#FF00FF; text-decoration:underline;}

以上樣式的意思為: 

1) 一開始時,連接文字的顏色是紅色。 
2) 一但被連接的頁面有被看過,連接文字顏色就變為藍色。 
3) 當滑鼠蓋在連接上面時,文字大小變為 20,文字顏色變為綠色,而且下劃線會出現。 
4) 當連接被點擊時,文字顏色變為粉紅色,而且下劃線不會消失。

資訊標籤: 樣式表,
WebDiY 網路開店 GO! 系統