方法1 :
直接在<li>里面设置样式
<ul style="list-style:none;">
<li style="display:inline">横向排列</li>
<li style="display:inline">横向排列</li>
</ul>
方法2 :定义li的css样式
<style type="text/css">
<!--
li{
background-color:#ccccc;
text-align:center;
float:left;
width:70px;margin:3px;
padding:3px;
list-style:none;
}
-->
直接在<li>里面设置样式
<ul style="list-style:none;">
<li style="display:inline">横向排列</li>
<li style="display:inline">横向排列</li>
</ul>
方法2 :定义li的css样式
<style type="text/css">
<!--
li{
background-color:#ccccc;
text-align:center;
float:left;
width:70px;margin:3px;
padding:3px;
list-style:none;
}
-->
用图片制作圆角菜单是在原来CSS3不流行的时候,为了IE系列,不得不用图片。现在CSS3普及了,同时基本上不考虑IE8以下的样式了,所以大多都用CSS3的border-radius实现了。
2015-06-06