0

我正在使用 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 端设置边框。有任何想法吗？

4

1 回答 1

0

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

.nav li a { outline: none; }
于 2013-07-26T06:57:29.563 回答