• 0
Agony741

Как сделать такой нижний border или что это ?

Вопрос

Всем привет! Есть такая кнопка:

btn-shop.png.be62c6ba733826a6390849959cdabdd0.png

Не понимаю, как сделать внизу такую темную линию, или через какое свойство достигается "такое" - не знаю как назвать даже. 
Подскажите пожалуйста, как это сделать ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендованные сообщения

  • 1

Для этого требуется использовать свойство "border-bottom". На примере показано наглядно — https://jsfiddle.net/6px83oee/2/

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 1

А серую обводку можно сделать с помощью 

  outline-offset:1px;
  outline:1px solid lightgrey;

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 1
4 минуты назад, klierik сказал:

А серая обводочка — это стили форума ;)

Ох блин :) ну и ладно, все равно ведь можно :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: KamZed
      https://ibb.co/fTNKL9
      Здравствуйте,  подскажите варианты реализации, на данный момент сделано псевдо элементами и при изменении разрешении разъезжается стык, как можно сделать что бы при любом разрешении стык был ровный.Прикрепляю весь сайт.
      Desktop.zip
    • Автор: Алексей Ш.
      Новый крупный проект.
      Приглашаем в наш не большой, но дружный коллектив.
      Рассмотрим кандидатов с опытом и навыками - верстка и интеграция (в одном лице).
      Готовность быстро вникнуть в HostCMS.
      Требования:
      - знание HTML и CSS;
      - кроссбраузерная верстка (все: экраны, ОС, девайсы);
      - адаптивная, отзывчивая и резиновая верстка;
      - умение тестировать верстку;
      - web / mobile;
      - аккуратность и внимательность к деталям;
      - способность быстро учиться;
      - работа в команде Веб-студии;
      - желания познавать новое, развиваться в области программирования.
       
      Условия.
      Работа:
      - в офисе (возможно удаленно) в пешей доступности от метро Шелепиха (3 минуты);
      - по согласованию: почасовая, полный рабочий день; на 1/2 ставки; работа день через день (1х1);
      - оплата по договоренности (почасовая / таймтрекинг).
      - офис оснащен кондиционерами‚ бесплатные напитки (кофе‚ чай‚ молоко‚ вода);
      - отсутствие дресс-кода.

      Интересные проекты: интернет-магазины, корпоративные порталы, iOS / Android приложения.
      Стабильная зарплата, возможность карьерного роста.

      Москва, Международная, Шелепиха, Шмитовский проезд, 34с10.
      контакты: ash@wmgrus.ru
    • Автор: Andrey 123
      Здравствуйте! Меня зовут Андрей и я верстальщик адаптивных сайтов на самых оптимальных условиях для наших клиентов.При покупке моих услуг вы получаете высокоуровневый сервис и оптимальное соотношение между качеством и ценой.
      С удовольствием возьмусь за исправление уже существующего кода. Могу написать на javascript с применением jquery.
      Контакты
      В Skype пишите andrushsa123@gmail.com.
      Надеюсь на дальнейшее сотрудничество!

Карта разработчиков

Карта участников

Отметь себя на карте для поиска или предложения работы