0

一切从这两个代码开始

            #Header .Logo   
                  {                
            background: url('http://s24.postimg.org/69nibdvz9/Header_P     .png') no-repeat 0px 0px;
            height: 186px;
            width: 100%;
            position:relative;
            top: 0px;
            margin: 0px 0px -5px;
            clear: both;

和

             <div class="Logo"><center><img src="http://s1.postimg.org/g6dji2wfj/Logo.png" style="position: relative; top: 50px;" width="640" height="160" alt="{SourceTitle}" /></center>
            </div>

基本上我有一个标题和我的网站的标志在它上面。由于我使用的是徽标而不是标题，因此我希望图像具有链接。所以我补充说：

             <div class="Logo"><center> <a href="http://oldtimesdaily.tumblr.com"><img src="http://s1.postimg.org/g6dji2wfj/Logo.png" style="position: relative; top: 50px;" width="640" height="160" alt="{SourceTitle}" /></a></center>
            </div>

现在的问题是链接创建的下划线很难看。如何删除它？我尝试在 .Logo 和本身中添加“style="text-decoration:none;" ，但没有任何区别。有帮助吗？

4

4 回答 4

1

尝试这个：

a.Logo:link, a.Logo:visited {
    text-decoration: none
}
于 2013-06-19T19:35:47.730 回答
0

锚点在图像周围放置了一个边框。

将边框属性添加到图像样式

<img src="http://s1.postimg.org/g6dji2wfj/Logo.png" style="position: relative; top: 50px; border: none;" width="640" height="160" alt="{SourceTitle}" />

这是小提琴

于 2013-06-19T19:38:31.897 回答
0

如果您使用 css 设置链接样式，则该行应该消失

a:link {color:#;}      /* unvisited link */
a:visited {color:#;}  /* visited link */
a:hover {color:#;}  /* mouse over link */
a:active {color:#;}  /* selected link */

http://www.w3schools.com/css/css_link.asp

于 2013-06-19T19:41:10.780 回答
0

您可能应该添加这行 css，以便链接中的任何图像都不会显示边框或下划线。

.Logo a,.Logo a img{
border:none;
text-decoration:none;
}

另外作为旁注，除非您有多个徽标，否则您可能应该使用 ID 而不是 CLASS 作为最佳实践。仅当可能有多个元素需要相同的样式时，才在 css 中使用类。

因此制作代码：

#Logo a, #Logo a img{
border:none;
text-decoration:none;
}
于 2013-06-19T19:41:18.627 回答