Как сделать картинки в ряд в css

Как сделать — группу кнопок

Сгруппировать серию кнопок в одну строку в группе кнопок:

Создание группы кнопок

Шаг 1) добавить HTML:

Пример

Шаг 2) добавить CSS:

Пример

.btn-group button <
background-color: #4CAF50; /* Green background */
border: 1px solid green; /* Green border */
color: white; /* White text */
padding: 10px 24px; /* Some padding */
cursor: pointer; /* Pointer/hand icon */
float: left; /* Float the buttons side by side */
>

.btn-group button:not(:last-child) <
border-right: none; /* Prevent double borders */
>

/* Clear floats (clearfix hack) */
.btn-group:after <
content: "";
clear: both;
display: table;
>

/* Add a background color on hover */
.btn-group button:hover <
background-color: #3e8e41;
>

Группа кнопок "обоснованная/полная ширина":

Пример

Совет: Перейдите на наш CSS кнопки учебник, чтобы узнать больше о том, как стиль кнопок.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *