如何制作div的圆角

时间:2010-06-21 10:36:00

标签: html rounded-corners

如何在css中制作div的圆角,我有菜单列表项

 <div class="menu">
    <ul>
      <li class="active"><a href="index.html">HOME</a></li>
      <li class="active"><a href="#">COMPANY</a></li>
      <li class="active"><a href="#">SOLUTIONS</a></li>...

如何围绕li项目的角落

2 个答案:

答案 0 :(得分:2)

标准感知解决方案是使用CSS 3的border-radius

请参阅http://www.css3.info/preview/rounded-border/

答案 1 :(得分:1)

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

如前所述,这在IE中不起作用。但是我认为较新版本的IE将支持它(如果我错了,请纠正我)。

最糟糕的情况是,IE用户不会看到圆角。 有关边界半径属性the following is a good article.

的更多信息