Question

如果我不遵守标准，这是我第一次在这里发帖，如果我不遵守标准的话。

无论如何我使用的是Dreamweaver cs6并使用.asp文件（xhtml）

我的链接都设置正确，但是由于某种原因，当我添加代码时，它给了我一个讨厌的边界，我用于链接。

我在添加链接之前的代码是以列表形式。

<div class="sidebar1">
<ul class="nav">
  <li><img src="../images/homebutton.png" width="160" height="54" /></li>
  <li><img src="../images/blogbutton.png" width="160" height="54" /></li>
  <li><img src="../images/eventsbutton.png" width="160" height="54" /></li>
  <li><img src="../images/contactbutton.png" width="160" height="54" /></li>
   <li><img src="../images/affiliates.png" width="160" height="54" /></li>
  <li><img src="../images/forums.png" width="160" height="54" /></li>
</ul>
<!-- end .sidebar1 --></div>

这很好用。我的图像很到位，看起来不错。

添加链接代码

时出现问题

<div class="sidebar1">
<ul class="nav">
  <li><a href="/welcome.html"><img src="../images/homebutton.png" width="160" height="54" /></li>
  <li><a href="#"><img src="../images/blogbutton.png" width="160" height="54" /></li>
  <li><a href="/events.html"><img src="../images/eventsbutton.png" width="160" height="54" /></li>
  <li><a href="/contactus.html"><img src="../images/contactbutton.png" width="160" height="54" /></li>
   <li><a href="/affiliates.html"><img src="../images/affiliates.png" width="160" height="54" /></li>
  <li><a href="#"><img src="../images/forums.png" width="160" height="54" /></li>
</ul>
<!-- end .sidebar1 --></div>

添加到代码中似乎在我的图像周围形成边框。我似乎无法找出原因。可能是我只是在监督的事情。我没有为CSS方面设置蛀虫。有什么想法吗？

Answer 1

要删除边框，请将其添加到CSS代码

.nav li a { outline: none; }

.asp添加链接图像

1 个答案: