2013-07-08 126 views
0

這是我的CSS樣式表:CSS樣式鏈接不工作

a:link {color:green;} 
a:visited {color:yellow;} 
a:hover {color:black;} 
a:active {color:blue;} 
div.ex 
{ 
font-family:Impact; 
letter-spacing:1px; 
font-size:60px; 
position:relative;left:200px;top:15px; 
color:#DEDEDE; 
text-shadow: -1px 0 red, 0 1px red, 0 1px red, 0 -1px red; 
} 
body 
{ 
background:url("hello.gif"); 

background-size:100% 12%; 
background-repeat:no-repeat; 
} 
.h 
{ 
font-family:"Comic Sans MS"; 
letter-spacing:2px; 
font-size:40px; 
position:fixed;left:570px;top:12px; 
color:#E6001A; 
text-shadow: -2px 0 black, 0 2px black, 0 2px black, 0 -2px black; 
} 
.border 
{ 
border-style:ridge; 
border-color:white; 
} 

這是我的html代碼:

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="ex2.css"> 
</head> 
<body> 
</head> 
<div class="ex"><b>Zrack</b></div> 
<hr class="border"> 
<a href="file:///C:/Users/admin/Desktop/Site/main.html">HOME</a> 
</body> 
</html> 

我將其鏈接到自己的電腦上的東西。它確實訪問了頁面,但顏色仍然是default.Please指出我做錯了什麼。我一直在試圖找出這個問題2個小時。

+0

* what *的顏色默認爲?你是否點擊鏈接到文件:// URL,導航回來,並期望看到鏈接顏色因a:visited規範而改變?或者是什麼?不要讓我們猜測 - 請告訴我們*你想知道什麼*元素,它*的顏色是什麼*,你期望的顏色是什麼,以及爲什麼*你期望它是那種顏色。你可能會更快得到更好的答案。 –

+0

a:link {color:green;} a:visited {color:yellow;} a:hover {color:black;} a:active {color:blue;} – user2559245

+0

我在詢問上述內容。 href保持默認。鏈接不是綠色的,也不是當我懸停在它上面時,鏈接變成黑色。 – user2559245

回答

1

問題是與你的href而不是與CSS。

更改...

<a href="file:///C:/Users/admin/Desktop/Site/main.html">HOME</a> 

<a href="main.html">HOME</a> 

,它會工作。 (您應該使用一個網絡服務器和鏈接到像上面,而不是作爲一個文件鏈接的文件。)

此外,還有在你的HTML錯誤。你有兩個封閉head標籤,其中之一的body標籤打開後是收...

</head> 
<body> 
</head> 

所有最優秀的。

+0

謝謝,它的工作。 :)和ty指出錯誤。我只是一個初學者 – user2559245

+0

不客氣!如果您對答案感到滿意,請選擇刻度線標記爲接受此答案。 – neo108