Как закруглить верхние углы в css?

Пользователь

от ottilie.farrell , в категории: HTML/CSS , 2 года назад

Как закруглить верхние углы в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от declan.bashirian , 2 года назад

@ottilie.farrell  Закруглить верхние углы в CSS можно так:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<head>
<style>
        img{
            border-radius: 20px 20px 0px 0px;
        }
    </style>
  </head>
  <body>
    <img src="картинка">
  </body>


Пользователь

от enid , год назад

@ottilie.farrell 

Чтобы закруглить верхние углы элемента в CSS, вы можете использовать свойство border-top-left-radius и border-top-right-radius. Например:

1
2
3
4
.rounded-top-corners {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


В этом примере верхние левый и правый углы будут закруглены на 10 пикселей.