<style> #all { border: 1px solid #000; width: 100px; height: 100px; padding: 5px; float: left; margin-right: 5px; border-radius: 20px; } </style> <div id="all">Border-radius Property</div>
<style> #topleft { border: 1px solid #000; width: 100px; height: 100px; float: left; padding: 5px; margin-right: 5px; border-top-left-radius: 20px; } </style> <div id="topleft">Border-radius Top Left Property</div>
<style> #topright { border: 1px solid #000; width: 100px; height: 100px; float: left; padding: 5px; margin-right: 5px; border-top-right-radius: 20px; } </style> <div id="topright">Border-radius Top right Property</div>
<style> #bottomright { border: 1px solid #000; width: 100px; height: 100px; float: left; padding: 5px; margin-right: 5px; border-bottom-right-radius: 20px; } </style> <div id="bottomright">Border-radius Bottom right Property</div>
<style> #bottomleft { border: 1px solid #000; width: 100px; height: 100px; float: left; padding: 5px; margin-right: 5px; border-bottom-left-radius: 20px; } </style> <div id="bottomleft">Border-radius Bottom left Property</div>