Css style border-radius, cssborder-radius

Css style border-radius, cssborder-radius
Border-radius attribute to set the border corner

Possible value: pixel, percentage

Extension

Html code

<div></div>

Css code

 div {    height: 200px;    width: 200px;    border: 2px solid #a72525;    border-radius: 10px;}

Result

 

Css code

 div {    height: 200px;    width: 200px;    background: #a72525;    border-radius: 50%;}

Result

 

Css code

 div {    height: 200px;    width: 400px;    border: 2px dashed #a72525;    border-radius: 200px 0 0 200px;}

Result

 

Css code

 div {    height: 200px;    width: 200px;    border: 2px dotted #a72525;    border-radius: 100% 0 0;}

Result

 

Css code

 div {    height: 200px;    width: 500px;    background: #f09;    border-radius: 50%;}

Result

 

Css code

 div {    height: 200px;    width: 200px;    background: #f90;    border-radius: 100% 0;}

Result

 

Css code

 div {    width: 0;    height: 0;    border: 100px solid gray;    border-radius: 100px;    border-right-color: transparent;}

Result