Learn CSS #15

CSS Rounded Borders

The border-radius property is used to add rounded borders to an element:

Normal border

Round border

Rounder border

Roundest border

Example

{
  border: 2px solid red;
  border-radius: 5px;
}

More Examples

All the top border properties in one declaration
This example demonstrates a shorthand property for setting all of the properties for the top border in one declaration.

Set the style of the bottom border
This example demonstrates how to set the style of the bottom border.

Set the width of the left border
This example demonstrates how to set the width of the left border.

Set the color of the four borders
This example demonstrates how to set the color of the four borders. It can have from one to four colors.

Set the color of the right border
This example demonstrates how to set the color of the right border.

45 thoughts on “Learn CSS #15

  1. Hello bro!Show more!
    пансионат для пожилых людей
    https://pansionat-rnd.ru/
    “Дом престарелых” (больница для престарелых) – это медицинское учреждение, которое предоставляет круглосуточную медицинскую и социальную помощь для престарелых людей, которые не могут жить независимо. В доме престарелых может быть оказана медицинская помощь, реабилитация, питание, гигиеническая и психологическая помощь и другие услуги.
    пансионат для пожилых в Ростове-на-Дону

    http://www.google.co.bw/url?q=https://pansionat-rnd.ru/ http://cse.google.com.uy/url?q=https://pansionat-rnd.ru/ http://www.google.al/url?q=https://pansionat-rnd.ru/ http://cse.google.lv/url?q=https://pansionat-rnd.ru/ http://images.google.com.vn/url?q=https://pansionat-rnd.ru/

Leave a Reply

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