css - 将图像圆角应用于

Question

我正在使用 jQuery 插件为我<li>的 .

我想知道使用两个图像（左角和右角）作为左右两侧的最佳方法是 using <li>.

Answer 1

我见过的最常用的构造是链接内的跨度。

所以像：

<li><a><span>Your text here</span></a></li>    

然后，您可以使用链接的悬停状态来定位跨度和链接：

a:hover{some rules here}  
a:hover span{some more rules here} 

这使它有点语义，并且不会给页面添加太多垃圾。

Answer 2

您可以像这样将 Divs 放入您的 li 中：

<li>
  <div class="lefcorner"></div>
  <div class='liContent'>Foo</div>
  <div class='rightcorner'></div>
</li>

这样一来，您既可以保留语义，也可以跨浏览器支持样式化 DIV。