1

クラス .nav を使用してプロパティを指定したナビゲーション バーがあります。

ナビゲーション バーのリンクに右側の境界線を追加し、最後のリンクからバーを削除しようとしています。

CSS:

.nav a {
display:inline-block;
position: relative; top: 500px;
border-right: 2px solid #FFDB58;
padding-right: 25px;
padding-left: 25px;
}

html:

<ul class="nav"> 
<li><a href="link1.html" style="text-decoration: none">1</a></li>
<li><a href="linke2.html" style="text-decoration: none">2</a></li>
<li><a href="link3.html" style="text-decoration: none">3</a></li>
<li><a href="link4.html" style="text-decoration: none">4</a></li>
<li><a href="link5.pdf" style="text-decoration: none">5</a></li>
<li><a href="link6.html" style="text-decoration: none" border="none">6</a></li>

</ul>

html (border="none") に stlye を追加して境界線を削除しようとしましたが、これは機能しません...

どうもありがとう - L

4

2 に答える 2

1

border="none"あなたのためにそれをするつもりはありません。を使用できますstyle="border: 0"が、さらに良いのは

.nav li:last-child a { border: 0; }

http://jsfiddle.net/6h4ZG/

于 2013-09-15T21:41:23.283 に答える