Задать вопрос
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>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Написать бэк часть (API Эквайринг Тинькофф, VK API, API Cloudpayments)
28 апр. 2024, в 13:02
500000 руб./за проект
Парсер для обновления остатков товаров на МП Вайлдбериз
03 мая 2024, в 12:05
2000 руб./за проект
Построить Zigbee в Contiki OS (Легкая задача)
03 мая 2024, в 11:59
1 руб./за проект
Ещё заказы