gpt4 book ai didi

html - CSS 样式链接不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 14:49:45 24 4
gpt4 key购买 nike

这是我的 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 个小时了。

最佳答案

问题出在您的 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>

祝一切顺利

关于html - CSS 样式链接不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17518704/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com