CSS - Страница 65

Ниже я хотел бы создать следующий эффект для элемента кнопки в CSS:

В то время как мне нужна простая обычная кнопка, но с выступающей снизу вкладкой.
Как мне это сделать?
Я пробовал ::after и ::before, но ни один из них по какой-то причине не дал...

Я создаю интерфейс, подобный рабочему столу, в HTML/CSS и пытаюсь воссоздать панель задач в стиле Windows.
Я хочу, чтобы панель задач вела себя как в Windows:
Когда открыто много окон/приложений, панель задач заполняется кнопками (по одной для...

Я относительно новичок в CSS. У меня на странице есть таблица шириной 70%. Мне нужно разместить небольшой значок чуть выше правой части таблицы, чтобы значок был выровнен по правому полю таблицы под ним. Как я могу этого добиться?

Итак, в целом...

По какой-то причине следующий адаптивный код не работает должным образом. Все выглядит нормально при отображении шириной более 800 пикселей, но когда ширина ниже 800 пикселей, все элементы отображаются сложенными друг на друга в области сетки:...

Я пытаюсь изменить цвет кнопки активного сегмента, но при всех параметрах она по-прежнему отображается как белая.
Вот HTML и CSS:

ion-segment {
background-color: #108453 ion-segment-button {
color: #108453;
}

.segment-button-checked {
color:...

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

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

Подробнее здесь:

У меня есть такая таблица:

A

1
2
3

C
D

E
F: will hide/show
G: will hide/show
H

I
J
K
L

M
N
O
P

Тогда, когда я изменяю значение в опции выбора B, F и G будут скрываться..
Затем они будут перемещаться вверх ниже ...

J & K до F и G ,...

Я выполняю проект на FreeCodeCamp.org, но у меня возникли проблемы с выполнением нескольких шагов, и когда я закончу эти шаги, весь проект будет завершен. Программа сообщает, что мой элемент #nav-bar не находится в верхней части области просмотра,...

.thumbnail{
padding: 0px 0px 0px 0px;
border:1px solid gray;
background-color: white;
border-radius: 5px;
margin: 5px 10px 5px 10px;
min-width: 10vw;
min-height: 40vh;
display: flex;
flex-direction: column;
cursor: pointer;
z-index: 1000;
}...

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

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

Я создаю слайдер и столкнулся с проблемой, из-за которой слайдер ломается, если слайдов больше 8. В частности, кнопка «Вперед» исчезает, а ширина слайда увеличивается. Я подозреваю, что это может быть связано с количеством контента внутри слайдов,...

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

Я правда не знаю, как сделать кривые рисунки на своей странице. Все остальные части дизайна были доработаны мной.
(
Теперь это мои HTML и CSS, которые я сейчас решаю:

new_web

body {
display: flex;
justify-content: center;
align-items:...

Мы работаем над этим некоторое время, и все идет не так, как планировалось: любая помощь будет оценена по достоинству! Я пытаюсь создать слайд-шоу из 4 изображений, где:

На последнем изображении, когда пользователь нажимает стрелку «Далее»,...

Я пытаюсь выровнять элемент по правому нижнему углу с помощью позиционирования привязки CSS

#sidebar {
anchor-name: --sidebar;
height: 100vh;
width: max-content;
position: fixed;
/* Sidebar is fixed to the viewport */
}...

Я читал о селекторах потомков в CSS, но не могу заставить их работать:

.c1 div {
background-color: red;
}

h1 {
color: #00b339
}

Demo of the descendant selector
Outer paragraph
Inside nested element

В селекторе стиля есть пробел...

В моем коде есть ряд интервалов с коротким или длинным текстом по центру.

CA Global
Nombre de logements rénovés

.mark {
text-align: center;
padding-inline: 16px;
padding-block: 5px;
background-color: orange;
}

Проблема в том, что при...

Исходный размер изображения — 5760x3240 пикселей, но он явно не сочетается с размером фона: обложка; Как добиться правильного реагирования изображения?

.container {
width: 100%;
height: 100%;
background: url('korenmolendehoop.jpeg');...

Пытаюсь понять, почему мой элемент заголовка не прикрепляется. Родителем является элемент тела, насколько я могу судить, переполнение не установлено. Тело имеет высоту; мой элемент заголовка не растянут и должен иметь место для прокрутки. У меня...

При выполнении этого упражнения я пришел к идее «оптимизировать» код, пытаясь избежать использования селектора классов .white-text и установить цвет свойства: белый, используя вместо этого селектор классов .inner-box.
Тогда код выглядит следующим...

JSX:

Как сделать так, чтобы текстовая область имела идеальную полную высоту, не прерывая страницу случайной полосой прокрутки?

Можно ли решить эту проблему с помощью только CSS, или мне абсолютно необходим JavaScript?

Подробнее здесь:

У меня есть HTML-код с рейтингом ниже звезды для формы обзора.
В результате получается SS SSS, где S представляет * рейтинг.

/* My CSS */
.woocommerce p.stars.selected a.active~a::before {
color: #E4E7ED;
}

.woocommerce p.stars.selected...

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

.logo {
width: 100px;
height: 100px;
border-radius: 50px;
background: red;...