nectar
nectar

Reputation: 9679

how to make round corner of div

how to make round corner of div in css and I have menu list items

 <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>...

how to round corners of li items

Upvotes: 2

Views: 3269

Answers (2)

Russell Dias
Russell Dias

Reputation: 73382

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

As noted earlier, this will not work in IE. But the newer version of IE will support it I believe (correct me if I'm wrong, please).

Worst case scenario, IE users will not see rounded corners. For more about the border radius property the following is a good article.

Upvotes: 1

Ain Tohvri
Ain Tohvri

Reputation: 3035

Standards-aware solution would be to use border-radius of CSS 3.

See http://www.css3.info/preview/rounded-border/

Upvotes: 2

Related Questions