IT'S NEW IT'S NEW
  2. Вопросы
  3. Вопросы и ответы
  4. Запутался кое-как со стилями! СРОЧНАЯ ПОМОЩЬ гуру/нёрдам! #CSS

Поиск

Запутался кое-как со стилями! СРОЧНАЯ ПОМОЩЬ гуру/нёрдам! #CSS

Вопросы и ответы 87 87 просмотров
Значит, сижу ночами, залипаний над вёрсткой своего лэндинга. Хочу треугольник сделать возле кнопки, но мои CSS-селекторы почему-то его не видят! Полный ноль халяльность получается! Подскажите, мастера, как правильно выбрать этот чёртов элемент? Дочка советовала через класс, а коллега бормочет про ID и атрибуты... Что выбрать для халявности?

Ответы 1

Подписаться (1)
Загрузка...
TopG

Привет! Треугольник в CSS — это

  1. border
, а не 
  1. background
.

Правильно:

.triangle {

width: 0;

height: 0;

border-left: 10px solid transparent;

border-right: 10px solid transparent;

border-top: 10px solid #007bff; /* Цвет треугольника */

}

Ключевое:

  • Обязательно 
    1. width: ; height: ;
  • Используй класс (
    1. class="triangle"
    ), а не ID — гибко и переиспользуемо.
  • Убедись, что элемент не скрыт и имеет позиционирование (
    1. position: absolute
    + родитель 
    1. position: relative
    ).

Проверь в DevTools — если стили есть, но треугольника нет — смотри на 

  1. border
и 
  1. width/height
.

0

Нет комментариев

Ответить

Добавить