-1

这是一个功能完善的页面，带有指向工作示例的链接。我添加了一些 XML 工作，但该链接将不起作用。我不知道为什么。如果这是显而易见的事情，我很抱歉。谢谢！ 

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title></title>
    </head>
    <body>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <center>
            <a href="C++/index.html"><div class="friend"><p>C++</p></div></a>
            <a href="SQL/index.html"><div class="family"><p>SQL</p></div></a>
            <a href="OS/index.html"><div class="enemy"><p>OS</p></div></a>
            <a href-"XML/index.html"><div class="friend"><p>XML</p></div></a>
            <a href="Miscellaneous/index.html"><div class="family"><p>Miscellaneous</p></div></a>
            <a href="http://github.com/"><div class="enemy"><p>GitHub</p></div></a>




        </center>
    </body>
</html>

这是样式表：

div {
    position: relative;
    display: inline-block;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    border: 2px solid black;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
}

div p {
    position: relative;
    margin-top: 40px;
    font-size: 16px;
}

.friend {
    border: 4px solid green;
}

.family {
    border: 4px solid blue;
}

.enemy {
    border: 4px solid red;
}

a:hover
{ 
background-color:yellow;
}
4

5 回答 5

6

XML 行上的 href 标记中有错字。

            <a href-"XML/index.html"><div class="friend"><p>XML</p></div></a>

应该

            <a href="XML/index.html"><div class="friend"><p>XML</p></div></a>
于 2013-10-16T20:48:00.400 回答
2

这 <a href="XML/index.html"><div>与非<a href-"XML/index.html"><div>

于 2013-10-16T20:48:56.030 回答
1 
<a href-"XML...

应该

<a href="XML...

此外，您的代码可以使用一些修复（您的 br 字符串让我畏缩！）

于 2013-10-16T20:48:18.033 回答
1

像这样改变它：

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title></title>
    </head>
    <body>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <center>
            <a href="C++/index.html"><div class="friend"><p>C++</p></div></a>
            <a href="SQL/index.html"><div class="family"><p>SQL</p></div></a>
            <a href="OS/index.html"><div class="enemy"><p>OS</p></div></a>
            <a href="XML/index.html"><div class="friend"><p>XML</p></div></a><!-- You have used here a "-" instead of a "=" -->
            <a href="Miscellaneous/index.html"><div class="family"><p>Miscellaneous</p></div></a>
            <a href="http://github.com/"><div class="enemy"><p>GitHub</p></div></a>




        </center>
    </body>
</html>

这是问题所在，您制作了-而不是=：

<a href-"XML/index.html">....
于 2013-10-16T20:49:36.690 回答
0

您不应该在标签中使用 div。给 a 标签一个类。

于 2013-10-16T20:47:51.453 回答