#css #border
#css #граница
Вопрос:
Я бы хотел сделать угол div и img закругленным:
<div id="div-with-border-color" style="width: 40px; height: 30px; background-color: blue; border-radius: 4px; border: 4px solid blue;"></div>
<div id="div-without-border-color" style="width: 40px; height: 30px; background-color: green; border-radius: 4px; border: 4px solid rgb();"></div> rgb() может быть недопустимое значение, но я хочу получить его результат. Кажется, что эффект углового радиуса зависит от значения width свойства. И фон обрезается. Есть ли способ достичь этого результата с помощью альтернатив? Я пробовал в Chrome и Safari. img элементы получают одинаковые эффекты при указании rgb() .
Комментарии:
1. rgb() может быть недопустимым значением -> это недопустимое значение, почему бы не использовать
transparent?2.
border: 0px solid transparent;сработало и принесло тот же результат. Я обнаружил, что ее проще удалитьborderи оставитьborder-radiusтолько.