First you need to sibling your element with element
, id
or class
:
HTML :
<div class="rounded"></div>
CSS :
.rounded{
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
DEMO : http://jsfiddle.net/sq5Lmwrs/
You can also use border-radius left, right, top and bottom : https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
Also you can use this link for generate what you want http://border-radius.com
1
solved how can i add a rounded border with css [closed]