CSS - Страница 83

Следующий HTML-код генерирует смещенные кнопки: средняя кнопка находится выше двух других из-за обернутого текста. Как их выровнять?

Status

.btn {
background-color: red;
font: bold 14px Arial;
width: 200;
height: 100;
background-color:...

Возможный дубликат:

добавьте изображение в поле ввода типа HTML или переключатель

Привет,
Я хочу создать раздел рейтинга с помощью переключателей в HTML. Я хочу, чтобы пользователи смотрели на изображение и оценивали его. Итак, я хочу...

Предыстория и проблема:
Я использую Tailwind CSS и Alpine.js для простой панели поиска, в которой раскрывающийся список позиционируется с использованием абсолютного значения.
Ссылка Codepen не работает и удалена.
Когда я позиционирую раскрывающийся...

Мне нужно анимировать элемент SVG, чтобы шестерня вращалась вокруг своей оси. Но я ошибаюсь.
& l t ; p a t h i d = & q u o t ; g e a r - 1 & q u o t ; d = & q u o t ; M 4 9 . 5 6 0 . 3 2 8 3 C 4 7 . 2 9 0 4 6 0 . 3 2 8 3 4 5 . 1 3 0 4 6 0 . 9 8 3 5...

Я хотел бы настроить диапазон типов ввода следующим образом.

Я пытался использовать следующий код, чтобы изменить ползунок и, как показано ниже, но выбранный цвет диапазона не изменился.

input ::-webkit-slider-thumb {
-webkit-appearance:...

Мне была создана одна веб-страница с использованием HTML/CSS.
Дизайн веб-страницы для формата таблицы и ячейки таблицы с 20 изображениями. Общий размер изображения составляет 4 МБ.
Я использовал Ctrl+P, чтобы сохранить PDF-файл. Размер PDF-файла...

Я создал блок в WordPress для отображения формы поиска в определенных частях сайта. Мне нужен выделяющийся дизайн, и я хочу придать контейнеру градиент, подобный показанному на этом изображении:

Я искал информацию, но не нашел похожего градиента;...

Я использую @vis.gl/react-google-maps с библиотекой рисования Карт Google для рисования многоугольников, прямоугольников и кругов.
Карта работает правильно, но синие линии сетки (границы плиток/швы проекций) появляются только при увеличении или...

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

Я хочу...

Я использую новую позицию: Sticky (информация) для создания списка контента в стиле iOS.
Он работает хорошо и намного лучше, чем предыдущая альтернатива JavaScript (пример), однако, насколько мне известно, при его запуске не запускается ни одно...

Я создал и активировал дочернюю тему WordPress. Сайт загружается правильно, но правила CSS в стиле дочерней темы.css не переопределяют стили родительской темы для элемента .
Цель
Изменить цвет фона заголовка с помощью CSS дочерней темы:
header {...

Я читал неоднозначное мнение по этому поводу, поэтому надеюсь окончательно разобраться.
Если у меня есть разметка SVG, встроенная в HTML-документ, и я оформляю ее с помощью CSS, нужно ли мне обертывать этот CSS в закомментированный CDATA?
Пример:...

table td {
vertical-align: top;
align-content: center;
}

zzz
xxxx

1111
222
33
4444

Вертикальное позиционирование не работает одинаково во всех браузерах. В Firefox содержимое левой ячейки выравнивается по верхнему краю. В Safari и...

Сейчас я создаю веб-сайт React с разделом Hero вверху, включая заголовок и фоновое изображение. Когда я тестирую свое приложение локально на своем iPhone 13, Notch и окружающая его безопасная зона становятся белыми. Этого и следовало ожидать,...

Я прошел руководство, в котором показано, как создавать расширяемый/сворачиваемый контент, и мне удалось заставить его работать идеально; однако у меня возникли проблемы с адаптацией его для работы в таблице, где есть скрытые строки, которые можно...

Сейчас я создаю веб-сайт React с разделом Hero вверху, включая заголовок и фоновое изображение. Когда я тестирую свое приложение локально на своем iPhone 13, Notch и окружающая его безопасная зона становятся белыми. Этого и следовало ожидать,...

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

.abc {
margin-left:20px;
}
.xyz {
margin-left:20px;
}
Lorem
Ipsum

Поскольку оба класса делают одно и то же, у меня должна быть...

Я хотел бы настроить диапазон типов ввода следующим образом.

Я пытался использовать следующий код, чтобы изменить ползунок, как показано ниже, но выбранный цвет диапазона не изменился.

HTML :

CSS :

input ::-webkit-slider-thumb {...

Я новый веб-разработчик. Я надеялся поделиться кодом и посмотреть, есть ли набор функций, которые лучше всего подходят для моей проблемы.
Моя цель — создать игру с набором текста с CSS-анимацией. Я обнаружил, что могу довольно легко сопоставить...

Сейчас я использую тему Shopify Mr. parker, и у него есть фильтрация по фрагменту тегов.
Я пытаюсь переназначить этот фильтр для коллекций по фрагменту тегов, чтобы вместо этого фильтровать по варианту размера продукта. Итак, в настоящее время это...

У меня есть растровое изображение — скажем, рубашка:

Мне нужно использовать html, css и javascript, чтобы изменить цвет этой рубашки с помощью палитры цветов на странице.
Я посмотрел в Википедии о режимах наложения и несколько видеороликов на...

Хотя этот вопрос задавался много раз, в 2025 году рекомендации по нему для современных браузеров будут редко встречаться.
Пример:

Общий размер CSS для веб-сайта составляет 200 КБ.

Общий размер JS – 100 КБ.

Мы знаем возможности современных...

В консоли браузера я могу скопировать элемент HTML. Однако когда я хочу использовать его, чтобы задать вопрос ИИ, изучить его или сравнить с аналогичным элементом в другом месте, это совершенно бесполезно. Код будет содержать ссылки на классы без...

У меня серьезная проблема с модальным окном из Bootstrap.
Когда я открываю модальное окно на своем веб-сайте, проблем нет (класс modal-open правильно добавлен в тело), ​​модальное окно правильное, оттенок нормальный, а содержимое ясное:...

Хотя этот вопрос задавался много раз, в 2025 году рекомендации по нему для современных браузеров будут редко встречаться.
Пример:

Общий размер CSS для веб-сайта составляет 200 КБ.

Общий размер JS – 100 КБ.

Мы знаем возможности современных...