Border radius – css simple example

Hello, here is very simple example of how to use border radius in css style.

When you are using border-radius property you can add only one value or four values.

For example when you will use only one value of parameter:

<div style=”border-radius:10px;border:1px solid #000;”></div>

You will get a div with all rounded corners by 10 px.

If you will use all four values of border-radius parameter:

<div style=”border-radius:10px 20px 30px 40px;border:1px solid #000;”></div>

You will get also a div with all rounded corners but with different radius. The way how to use four values is explained below.

“border-radius:left-top right-top right-bottom left-bottom”

border radius

Leave a Reply

Your email address will not be published. Required fields are marked *