ИП Иванов Д. А.

Как сделать рамку прозрачной css

теги:

Категории

Рубрики
от 12000 
В минимальную стоимость входит:
  • Адаптивный дизайн страниц (5шт),
  • Верстка страниц (5шт),
  • Тестирование,
  • Корректировки,
  • Установка простых интеграций (чаты, метрики и пр),
  • Бекапы,
  • Резервные копии.
от 42800 
Ведем кабинеты ВК под ключ. Стоимость работ в месяц 10% от рекламного бюджета, но не менее 15тыс рублей в месяц.
от 15000 

Как сделать рамку прозрачной css

Для того, чтобы сделать рамку элемента прозрачной, нужно задать свойство border-color и установить значение rgba() с альфа-каналом (определяет прозрачность цвета). Вот пример:

div {
  border: 2px solid rgba(255, 255, 255, 0.5);
}

Здесь мы задаем рамку для элемента div шириной 2 пикселя и стилем solid. Затем мы устанавливаем цвет рамки с помощью функции rgba(). Первые три цифры (255, 255, 255) определяют красный, зеленый и синий цвета (белый цвет в данном случае), а последнее число (0.5) указывает на значение прозрачности от 0 (полностью прозрачный) до 1 (полностью непрозрачный). В данном случае мы задали прозрачность в 50%.

Также можно задать свойство border через отдельные свойства border-width, border-style и border-color, например:

div {
  border-color: rgba(255, 255, 255, 0.5);
  border-width: 2px;
  border-style: solid;
}

Этот код сделает ту же прозрачную рамку для элемента div.

Поделиться:

Комментарии

Оставьте комментарий

Задать вопрос

Мы ответим в ближайшее время!

Отправляя заявку вы даете согласие на обработку персональных данных.

Вступайте в наш телеграм чат. Задавайте вопросы, помогайте другим.