css border radius
Using the css border-radius property you can round the corners of a box. This example creates a box using a div with rounded corners.
A div with rounded corners
Code
<style>
#mybox {
border-radius: 25px;
border: 3px solid black;
padding: 10px;
width: 400px;
height: 250px;
}
</style>
<div id="mybox">A div with rounded corners</div>
#mybox {
border-radius: 25px;
border: 3px solid black;
padding: 10px;
width: 400px;
height: 250px;
}
</style>
<div id="mybox">A div with rounded corners</div>