By using border-bottom-right-radius
property we can add a rounded border to the bottom right corner of a specified element.
<style> p { border-bottom-right-radius:1em; background-color:pink; border: 3px solid; border-color:black; padding:4px 7px 2px 4px; } div { background-color:seashell; border: 3px solid; border-color:black; padding:4px 7px 2px 4px; } </style> <body> <p> This is the element with 'border-bottom-right-radius' property. </p> <div> This is the element with out 'border-bottom-right-radius' property. </div> </body>
In the above code snippet we have given border-bottom-right-radius
property only to the <p>
element. So that in the output we can observe the rounded border at the bottom-right corner of the <p>
element.
OUTPUT
Views: 3326 | Post Order: 77