html - 如何从我的 HTML/CSS 项目中删除这些不需要的行？

Question

我想在我的个人网站上以水平行显示这些图像，但我在图像之间的底部出现了这些不需要的小线条。

.

这是我的 HTML：

<div id="container">
    <div id="left">
        <h1 id="name">My Name</h1>
    </div>
    <div id="right">
        <a href="link to github">
            <img class="imgLink" src="resources/images/github.png">
        </a>
        <a href="link to linkedin">
            <img class="imgLink" src="resources/images/linkedin.png">
        </a>
        <a href="mailto">
            <img class="imgLink" src="resources/images/email.png">
        </a>
    </div>
    <div id="center">
        <img src="resources/images/profile.jpg" id="avatar">
    </div>
</div>

这是我的CSS：

div { 
    width: 100%; 
    height: 25%; 
    float: left; 
}

.imgLink {
    height: 100px;
    width: 100px;
}

#right {
    float: right;
    width: 33%;
    height: 100%;
    background-color: green;
}

标签： htmlcss

Answer 1

细线似乎是链接。要删除它们，请尝试：

#right a {text-decoration:none;}