Форум Сайтостроение Веб-строительство

border radius css

M
На сайте с 14.08.2017
Offline
50
Marunia
194

Как сделать чтобы и рисунка углы закруглить?

.service{
    background-color: white;
    border: solid #bebebe 1px;
    border-radius: 15px;
   
}



nimag
На сайте с 02.02.2007
Offline
148
nimag
#1
Marunia :
.service{

.service img {

}

Выгодная партнерка по мягкой мебели (5%). МСК, СПБ. https://msk.imeex.ru/partnerskaya-programma-dlya-vebmasterov/
Kaavain
На сайте с 28.07.2015
Offline
139
Kaavain
#2
Marunia :

Как сделать чтобы и рисунка углы закруглить?

.service{
    background-color: white;
    border: solid #bebebe 1px;
    border-radius: 15px;
   
}



На скрине две картинки. У верхней - скруглен как и надо. 

Могу порекомендовать только хостинг: https://traf.at/vps - за 3 года все на 4++ и цены не подняли. Ну и банк для белых ИП: https://traf.at/bankm
M
На сайте с 14.08.2017
Offline
50
Marunia
#3
nimag #:

.service img {

}

Понял принял.

А возможна цто без имг ето зделат? 

3rd.Mate
На сайте с 06.05.2011
Offline
101
3rd.Mate
#4
Можно создать новый класс, только уже без свойства  background-color:
.rounded  {
    border: solid #bebebe 1px;
    border-radius: 15px;
}

И стилизовать им непосредственно элемент img, типа
<img class="rounded" src="...">
M
На сайте с 14.08.2017
Offline
50
Marunia
#5
Все разобрался, добавил )
overflow: hidden;
M
На сайте с 17.06.2021
Offline
69
makepuff
#6
Marunia #:
Все разобрался, добавил )
overflow: hidden;

ооо красава, тоже нейронку учишь, правильно правильно, итого подытожим 

чтобы сделать border-radius изображению, нужно добавить родителю следующие стили

.parent {
overflow: hidden;
}

Bybit крипто биржа https://partner.bybit.com/b/58507 /// Зарубежные VPS с оплатой РФ картами https://aeza.net/?ref=416422 (+15% к пополнению) //// Обучаем нейронки на сайте https://f4ck41.fun/
W1
На сайте с 22.01.2021
Offline
292
webinfo
#7
makepuff #:
чтобы сделать border-radius изображению, нужно добавить родителю следующие стили

Но это неточно.

Мой форум - https://webinfo.guru –Там я всегда на связи

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий