Как сделать круглую кнопку CSS со строками текста с разными шрифтамиCSS

Разбираемся в CSS
Ответить
Anonymous
 Как сделать круглую кнопку CSS со строками текста с разными шрифтами

Сообщение Anonymous »

Как сделать эту кнопку в CSS. Я могу сделать круглую кнопку, но не могу стилизовать вторую строку текста.
Кнопке нужно две строки текста, каждая из которых имеет свой стиль. Также вся область должна быть кликабельной.

Код: Выделить всё

.drs-button{
min-width: 240px;
max-width: 240px;
text-decoration: none;
display: inline-block;
outline: none;
cursor: pointer;
border-style: none;
color: black;
font-size: 4em;
background-color: #ffffff;
border-radius: 100%;
overflow: none;
text-align: center;
padding:0;
}
.drs-button:before {
content:'';
display:inline-block;;
vertical-align:middle;
padding-top:100%;
}

.drs-button:active{
background-color: #2980b9;
}
Изображение


Подробнее здесь: https://stackoverflow.com/questions/792 ... rent-fonts
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»