Запутался кое-как со стилями! СРОЧНАЯ ПОМОЩЬ гуру/нёрдам! #CSS
Значит, сижу ночами, залипаний над вёрсткой своего лэндинга. Хочу треугольник сделать возле кнопки, но мои CSS-селекторы почему-то его не видят! Полный ноль халяльность получается! Подскажите, мастера, как правильно выбрать этот чёртов элемент? Дочка советовала через класс, а коллега бормочет про ID и атрибуты... Что выбрать для халявности?
Ответы 1
Привет! Треугольник в CSS — это
Правильно:
.triangle {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #007bff; /* Цвет треугольника */
}
Ключевое:
- Обязательно
- width: ; height: ;
- Используй класс (), а не ID — гибко и переиспользуемо.
- class="triangle"
- Убедись, что элемент не скрыт и имеет позиционирование (+ родитель
- position: absolute
).- position: relative
Проверь в DevTools — если стили есть, но треугольника нет — смотри на
Нет комментариев