Хочу сделать закругленные углы для блоков с текстом, интересует как это можно осуществить, буду благодарен если будет возможность показать пример кода)
Это просто, вот пример, тут мы по id меняем углы к блокам:
Примеры закругленных углов:
<p id="rounded_corners1">Закругленные углы с заливкой.
<p id="rounded_corners2">Просто закругленные углы с рамкой.
#rounded_corners1 {
border-radius: 25px;
background: #4033ad;
padding: 20px;
width: 200px;
height: 100px;
}
#rounded_corners2 {
border-radius: 25px;
border: 2px solid #4033ad;
padding: 20px;
width: 200px;
height: 100px;
}
Закругление производится с помощью border-radius, чем больше его указать, тем более закругленные углы у нас получатся) всё остальное это позиционирование.