Задать вопрос
@Rodiyz
css

Как сделать закругление верхней границы?

Как закруглить верхнюю границу блока, оставив без изменения нижнюю границу?

Применив border-radius закругляются углы и снизу, и сверху. 

<body>
<div id="page_align" class='radius'>
<div id="grey_header" class='radius' > // вот для этого блока нужно закруглить углы верхней границы
        Заголовок
	</div>
	</div>
</body>


radius {
	border-radius: 3px;
{

Заранее спасибо за ответы!
  • Вопрос задан
  • 4432 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
@IceJOKER
Web/Android developer 
border-top-left-radius: 3px;
border-top-right-radius: 3px;
Ответ написан
2 комментария
2 комментария
w999d
@w999d
Web-developer
border-radius.com
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Middle+/Senior Frontend Engineer
Data Directs • Тель-Авив
от 350 000 ₽
Ещё вакансии