Создание кнопок с тонкой рамкой
Автор: Eugene A.
Просмотрено 1752,
Подписчики 1,
Размещенный 0
Добрый день.
Подскажите пожалуйста как можно сделать вот такие кнопки на сайт (ссылка ниже), без стороннего програмного обеспечения.
https://answers.websitex5.com/templates/livepreview/3ca7756f-b145-5046-8f13-8b8eef2ecd75
Недавно даже приобрел дополнение "Animated button", но даже там сделать кнопку с тонкой рамкой не получается.
С уважением, Евгений.
Размещено
.btn {
background: transparent none repeat scroll 0% 0%;
border: 1px solid #28A7E9;
border-radius: 0px;
color: #28A7E9;
font-size: 18px;
font-weight: bold;
padding: 6px 40px;
margin-top: 20px;
margin-bottom: 30px;
letter-spacing: 2px;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.btn:hover {
background: #28A7E9 none repeat scroll 0% 0%;
color: #FFF;
}
При необходимости вставляете html код с классом btn
<button class="btn">Sign up</button>
Автор
Спасибо, но это не совсем то что я хотел - имелось ввиду выполнить такие кнопки без стороннего ПО и вставки HTML.
Легко. Рисуете в Paint'е кнопки и используете их в программе.
Это я к тому, что в оригинале скорее всего использовали изображения в качестве кнопок.
Автор
Автор
Да я так и делаю, но иногда напрягает рисование )))