Question

如下所示，我在div中有3个链接，其中包含一个“nav”类，然后在div中有4个div，其中包含一个“contact-info”类，每个包含一个图像和一些文本。

现在由于某些原因，我无法弄清楚，我在“联系人信息”中的div被加下划线并在点击时变成红色，好像他们会成为一个链接。这甚至没有给它任何css。

如果有人能查看我的剧本并告诉我我做错了什么，我会非常感激。

<!DOCKTYPE html>    
<html>
    <head>
    </head>
    <body>
        <div class="nav">
            <ul>
                <li><a href="#">Log In</li>
                <li><a href="#">Sign Up</li>
                <li><a href="#">Contact Us</li>
            </ul>   
        </div>
        <div class="contact-info">
                <div class="home">
                    <img id="home" src="images\home.png"/>
                    <p>Company Name<br></br>Company Address<br></br>City, State Zip</p>
                </div>
                <div class="phone">
                    <img id="phone" src="images\telephone.png"/>
                    <p>Phone Number</p>
                </div>
                <div class="fax">
                    <img id="fax" src="images\fax.png"/>
                    <p>Fax Number</p>
                </div>
                <div class="email">
                    <img id="email" src="images\email.png"/>
                    <p>Email Address</p>    
                </div>
        </div>
    </body>
</html>

Answer 1

你需要像这样关闭链接标签

<li><a href="#">Log In></a></li>
<li><a href="#">Sign Up></a></li>
<li><a href="#">Contact Us</a></li>

希望这会有所帮助:) 另外，我刚看了一下代码，没有必要关闭你的break标签，只需

<p>Company Name<br>Company Address<br>City, State Zip</p>

它本身很好，但我不认为它会带来真正的不同：）

Div包含<img/>和<p>格式化为链接</p>

1 个答案: