Есть ли способ сделать границу с интервалом между границей и текстом? - PullRequest
Новая
       24

Есть ли способ сделать границу с интервалом между границей и текстом?

0 голосов
/ 28 декабря 2018

Я пробовал много вещей, но ничего не работает, и мне нужна помощь, потому что я хочу сделать кнопку hire me, но я могу сделать границу с указанным разделением между текстом и границей.

У меня естьизображение, чтобы показать, что я хочу здесь:

enter image description here

HTML код: 

<a class="hireme" href="#contact">HIRE ME</a>

1 Ответ

0 голосов
/ 28 декабря 2018

Вот отправная точка: 

.hireme {
  text-decoration: none;
  padding: 1ex;
  border: thin solid gray;
  border-radius: 1em;
  text-transform: uppercase;
  color: black;
}
<a class="hireme" href="#contact">Hire Me</a>

В этом:

  • text-decoration убирает подчеркивание по умолчанию для ссылок
  • padding putинтервал между текстом и границей
  • border добавляет желаемую границу - если она слишком темная, попробуйте #ccc вместо серого, или в Интернете есть средства выбора цвета CSS
  • border-radius делает границу округленной
  • text-transform делает текст отображаемым в верхнем регистре
  • color заменяет цвет, который обычно по умолчанию синий для ссылок
...