Как сделать такую кнопку, нужно сделать как на скрине?

Question

[swerzy]

Comments

[Антон Литвиненко]

Какую такую? Обычную жёлтую кнопку?

[swerzy]

Антон Литвиненко, да

[Антон Литвиненко]

swerzy, покажите ваши попытки, я поправлю, если что не так

[swerzy]

Антон Литвиненко, сейчас ) я чайник не бейте

.btn {

	font-family: 'Unbutu', sans-serif;
	font-size: 15px;
	color: white;
	background: #ffd429;
	border-radius: 100PX;
	display: block;
	width: 500px
	padding: 30px 0;
	text-align: center;
	text-decoration: none;
}

[Vladyslavislove]

swerzy, По шрифтам и т.д проверять не буду. Исправлю остальное. Не задавай кнопке width, он должен определяться размером текста. Паддинг указан скорее всего тоже неверно, ты задаешь только верхний и нижний паддинг, а про боковые забыл. Text-align здесь не нужен.

[Антон Литвиненко]

swerzy, во первых поменяйте в фотошопе размер шрифта на пиксели.
А ваш код от фонаря? Текст написан белый но ведь он чёрный. Откуда бордер радиус? Ширина 500? А так вроде более менее. Паддинг я бы дал и вертикальный и горизонтальный.

Answer 1

[Александр]

Примерно так:
<button class="btn">Дигаться к мечте</button>

.btn {
  font: 700 15px/3.5em sans-serif;
  text-align: center;
  color: #000;
  background: #ffd429;
  border: none;
  padding: 0 3em;
}

шрифт Ubuntu убрал, если он у вас где-то подгружается, тогда можно вернуть...