Меню CSS с круглыми углами

Question

Я хочу создать навигационное меню с закругленными углами, как на изображении ниже, и я также хочу, чтобы оно было только с CSS, а не с изображениями.

Нажмите здесь для изображения

Answer 1

Вам просто нужно добавить border-radius Property.

 Eg : border-radius: 4px;

Обновление

li {
   margin-left: 2px;
   padding:5px;
   float: left;
   border: 1px solid black;
   border-radius: 6px;
   overflow:hidden;
}

<ul>
  <li>Home</li>
  <li>About Us</li>
  <li>Admission</li>
</ul>