CSS - Страница 595

Я пытаюсь создать такую ​​кнопку:

Это нужно сделать на чистом css.
Попробовал сделать, ничего не получилось, работает некорректно:
display: inline-block;
width: 165px;
text-align: center;
color: #fff;
background: linear-gradient(180deg, #4b3529...

Я работаю над шаблонами электронной почты в формате HTML. Я застрял с обязательным использованием атрибутов цвета фона и цвета текста для темного режима. Мой обычный встроенный CSS — это фоновый цвет: #f2f2f2 и цвет: #191919. Но в темном режиме мне...

export const Table = () => {
const employees: Employee[] =

return (

{employees.map((employee, index) => (

))}

)
}

Установка h- в tr не влияет на высоту строки. Высота может иметь фиксированное значение, например 10 пикселей,...

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

Вот код, который я использовал:

.sections {
height: 75px;
width: 500px;
background-color: #18148b;
line-height:...

Мой логотип
логотип должен выглядеть следующим образом. К вашему сведению, логотип не только выглядит так, но и перенаправляет пользователя на главную панель управления, когда пользователь нажимает на логотип. Что меня смущает, так это то, что на...

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

Пожалуйста, помогите мне разработать следующую горизонтальную карточку товара с помощью HTML и CSS:
cWEGqZEg.png

Он должен содержать изображение и два текстовых раздела, разделенных вертикальным разделителем (~80 % высоты карточки).
I' Я пробовал...

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

В файле CSS у меня есть два простых правила оформления перехода между видами.
/* stylelint-disable-next-line selector-pseudo-element-no-unknown */
::view-transition-old(root) {
animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-out, 300ms...

У меня есть HTML-разметка

Высота элемента div .l-content является динамической, в зависимости от объема извлеченных данных, и увеличивает высоту элемента div .wrapper.
Раздел div .r-content имеет свою высота отличается от .l-content,...

У нас есть сайт, предоставленный поставщиком, который по какой-то причине решил, что у него есть таблица стилей с: body::selection{background-color:transparent;}
Нам приходится скопировать множество элементов с этой страницы, и очень сложно...

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

Я видел имена в квадратных скобках в CSS сайта:
/* simplified example */

body {
grid-template-columns:

20%

40%

20%

20%
;
}

В документации MDN объясняется, что это пользовательские идентификаторы и что многие из них можно добавить в...

Проблема в том, что если я растягиваю страницу/изменяю ее размер или использую другой браузер (я в основном работаю в Opera, в Chrome, например, он сломан), градиентный фон изменяется и растягивается, и он исчезает с моего изображения, и это...

Я знаю, что в JavaFx можно стилизовать 2D-элементы с помощью Css. Мне было интересно, можно ли добиться того же самого для 3D-объектов.

Я считаю, что хорошей практикой является держать код стиля отдельно от Java (логики). код.

Вопрос: Может ли...

Я использую node-canvas для создания изображения с пользовательскими шрифтами. Я включил файл .ttf и зарегистрировал его с помощью RegisterFont, но шрифт неправильно применяется к тексту на окончательном изображении. Вот упрощенная версия моего...

Могу ли я импортировать и использовать имена шрифтов с умлаутами, не игнорируя/удаляя умлауты из имени?
Я импортирую следующим образом:
// in HTML

// in fonts.css

@font-face {
font-family: 'Söhne';
src: url(' format('woff2');
}

Когда я...

Мне нужно создать адаптивную сетку.

Сетка должна меняться в зависимости от количества элементов (а не от размера экрана).

От 5 до 6 предметов должно быть 2х3,

от 7 до 9 предметов должно быть 3х3,

от 10 до 12 предметов должно быть 3х4,

от От 13...

Я пытаюсь добиться этого.

Но согласно этому JSFiddle коробка находится не совсем посередине, что бы я ни делал, она всегда выглядит немного не так! Кроме того, я изо всех сил стараюсь, чтобы они не перемещались при наведении курсора....

Я знаю, что можно получить значения внутреннего текста с помощью JavaScript в файле HTA, как в примере ниже:

.testCss::after {
content: I want to pull this with javascript ;
}

Some inner text that will be pulled

var test2 =...

Я разрабатываю адаптивный контент для баннера на главной странице сайта WordPress, и что бы я ни делал, стиль CSS не работает. Я пытаюсь создать стиль для iPhone 11, размер области просмотра которого составляет 414 x 896. Я использую метод...

Очевидно, это что-то более сложное, но мне бы хотелось четкого и простого описания.
net/AJ9Kby78m.png

Я пробовал использовать макет сетки и флексбокса, установил «align-self: center» в правом поле, но ничего не происходит, попросил ChatGPT и...

У меня вращается круг, и текст движется вместе с ним.
Когда круг вращается, текст нужно расположить, как показано на изображении ниже.

В CSS я вручную расположите текст через каждые 8,33% от @keyframes.
Мне не удалось сделать это для полного...

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

У меня есть адаптивная веб-страница, модальное окно которой открывается при нажатии кнопки. Когда модальное окно открывается, оно занимает всю ширину и высоту страницы с использованием фиксированного позиционирования. В модальном окне также есть...