border-radius
property is used to add rounded borders to an element.
1p {
2 border: 4px solid red;
3 border-radius: 0.6em;
4}
5span {
6 border: 2px solid blue;
7 border-radius: 1px;
8}
9div {
10 border: 8px dotted green;
11 border-radius: 0.8em;
12}
Sample Output
border: 4px solid red; border-radius: 0.6em
border: 2px solid blue; border-radius: 1px
border: 8px dotted green; border-radius: 0.8em