Question

这是我的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>

我将它链接到我自己的计算机上。它确实访问了页面，但颜色仍然是默认的。请指出我做错了什么。我一直想弄清楚这个2个小时。

Answer 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>

一切顺利。

CSS样式链接不起作用

1 个答案: