Задать вопрос
vetalil18
@vetalil18
Начинающий front-end developer
html

Как сделать кнопу?

Как сделать такой вертикальный текст на css?662aaf3b337a49c8bc715cc85ad03824.jpg
  • Вопрос задан
  • 144 просмотра
1 комментарий
Подписаться 1 Оценить 1 комментарий
Пригласить эксперта
Ответы на вопрос 3
LenovoId
@LenovoId
svg, css,js
1) 1 вариаент без js : https://jsfiddle.net/qf8wg1go/1/
2) 2 вариант с js : https://codepen.io/LenskyUser/pen/qjBVER
Ответ написан
8 комментариев
8 комментариев
weranda
@weranda
Береш блок, задаешь ему абсолютное или фиксированное позиционирование и задаешь нужную ширину. Альтернатива — изображение.
Ответ написан
Комментировать
Комментировать
WebCoode
@WebCoode
html,html5,js,php
Примерно так 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>

<style type="text/css">
	.button {
		background: #000;
		width: 5px;
		height: 15px;
	}
</style>
<body>

<div class="button">text</div>
	
</body>
</html>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать и доработать функицонал: Ruby on Rails
28 нояб. 2024, в 09:53
100000 руб./за проект
Разработка сервиса соискателей с многоролевой моделью
28 нояб. 2024, в 09:46
800 руб./в час
MODX: выбор нескольких элементов для TV полей с вводом текста в поле
28 нояб. 2024, в 09:05
2000 руб./за проект
Ещё заказы