Как закруглить углы у background-image? Есть-ли какое-нибудь свойство?
.ss {
width: 100px;
height: 100px;
background-image: url('https://www.igrotime.ru/upload/t/800-700/large_foto/kartina-po-nomeram-cvetnye-chuvstva-gx4759.jpg');
background-repeat: no-repeat, repeat;
background-size: cover;
border-radius: 10px;
}
<div class="ss">
</div>
С помощью свойства CSS - border-radius
вы можете дать любому элементу «закругленные углы».
.round {
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 12px;
/* Firefox 1-3.6 */
-moz-border-radius: 12px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 12px;
}
Если я вас правильно понял, то это делается с помощью style="border-radius: ...px"
, например:
<button style="width: 120; height: 120"><img src="https://kor.ill.in.ua/m/100x100/1761802.jpg" style="border-radius: 50px; width: 100; height: 100"></button>
Вам дали ответ на поставленный вопрос:
"Есть-ли какое-нибудь свойство?"
Ответ:
С помощью свойства CSS - border-radius вы можете дать любому элементу «закругленные углы».
Если вам не подходит такое решение, то на вопрос:
Как закруглить углы у background-image?
Я даю свой ответ:
Никак.
Есть такая строка: Пн: 10:00-19:00 Вт: 10:00-19:00 Ср: 10:00-19:00 Чт: 10:00-19:00 Пт: 10:00-19:00 Сб: 09:00-17:00 Вс: Вихідний Всё идёт в рядМне нужно как-то вывести строку, чтобы...
Не давно начал изучение react nativeИ столкнулся с проблемой
Не могу распарсить json - выдает ошибку