Как сделать закругленными углы CSS

Для скругления углов можно использовать следующий код:

.roundcorner {
 border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
}

border-radius: 10px; - Свойство CSS3. Чем больше значение в пикселях, тем сильнее cруглённые углы.

-webkit-border-radius: 10px; - Хак для включения поддержки закругления в браузерах на основе webkit (Google Chrome и Safari).

Но стоит заметить, в последних версиях браузеров Chrome и Safari для поддержки border-radius не нужны никакие хаки.

-moz-border-radius: 10px; - Хак для включения поддержки закругления в браузере Firefox. Без него будет просто квадрат.

-khtml-border-radius: 10px; - Хак для включения поддержки закругления в браузере Konquerer. Это из мира Linux.

В IE 8 и древнее скругление работать не будет. Ну и черт с ним!

Предлагаю вашему вниманию подборку интересных каналов Telegram по дизайну интерьера и архитектуре

https://tele.gg/dizain_interjera - канал практикующего дизайнера интерьера с интересными советами по ремонту и декору.

https://tele.gg/interio_inspiration - канал с ежедневной подборкой проектов интерьера для вашего вдохновения

https://tele.gg/arh_inspiration - так же подборка вдохновляющих проектов, но уже по архитектуре