CSS - Страница 720

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

При работе с режимом письма в стиле CSS:vertical-lr; и шрифтом на двух разных языках мой текст выравнивался по левой стороне кандзи в Chrome и по правой стороне в Firefox.
Этот фрагмент кода, с которым я работаю:

結ꦲꦂꦠꦤ꧀ꦠ

Как я могу...

Ниже приведен пример, в котором я пытаюсь отобразить карточку YouTube. Проблема, с которой я столкнулся, заключается в том, что белый фон кнопки воспроизведения не подстраивается под значок воспроизведения, который я настраиваю с помощью стилей CSS....

Очевидно, что четкое разграничение желтого цвета неверно Fadeed
Как сделать так, чтобы оно плавно исчезало при добавлении смещения?
html::before {
content: ;
display: block;
position: sticky;
top: 0;
border-top: 50px solid yellow;
border-image:...

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

Любитель кодирования пытается понять, как: «Создать цифровой архив».
более конкретно:
А.) «когда кто-то наткнется на эту веб-страницу (только HTML/CSS/JavaScript), он увидит список элементов (при наведении указателя мыши на такой элемент масштаб...

Этот хак CSS работал до iOS 15.6, но не работает в iOS 16.
@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) {}
}

Есть ли какие-нибудь новые хаки для Safari 16?

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

У меня есть пара входов, где второй вход похож на «раскрывающийся список»: он должен появляться только тогда, когда первый вход находится в фокусе, а затем он должен быть фокусируемым и редактируемым до тех пор, пока фокус полностью не переместится...

У меня есть компонент React, который может отображать ту или иную строку.
const MyComponent = (props: {
readonly textA: string;
readonly textB: string;
readonly renderB: boolean;
}) => {
return {props.renderB ? props.textB : props.textA};
};...

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

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

Я ищу, как изменить цвет вкладок в компоненте Flowbite-React, я использую Next.js. Я уже настроил согласно документу здесь
Также я понял, что в нем нет свойства ClassName Компонент Tabs, поэтому я попытался использовать свойство color, но ничего не...

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

.container {
width: 400px;
height: 300px;
border: 3px solid green;
padding: 4px;
display: flex;
flex-direction: column;
}

.img-wrapper {
/* display:...

Надеюсь, вы поможете мне оформить эту кнопку с помощью Tailwind CSS и Next.js.
Ниже вы можете найти изображение кнопки, а также изображения стилей. Кнопка должна иметь этот цвет рамки с линейным градиентом, а также внутреннюю тень.
Заранее спасибо!...

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

Я хочу скрыть/отобразить форму на основе флажка в веб-приложении Google. Если флажок находится в отмеченном состоянии , форма будет видимой, в противном случае она должна быть скрытой. Я хочу попробовать использовать приведенный ниже блок кода. Но...

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

Например, мне нужно поместить некоторые данные в переменную

var WhiteLists = profile.whiteList;
for(var i=0;i

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

My first web page

img {
float: left;
margin-left: 20px;
}
.username {
font-weight: bold;
}
.Nova {
width: 400px;
height: 400px;
border-radius: 50%;
overflow: hidden;
object-position: 0px 0px;
}

@Nova_Belladonna

I am a Changeling, and a Divine...

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

.pb-64 {
padding-bottom: 64px;
}

.p-16 {
padding: 16px;
}
.gap-16 {
gap: 16px;
}
.flex-col {
flex-direction: column;
}
.w-full {
width: 100%;
}
.flex {
display: flex;
}
.relative {
position: relative;
}
* {
border: none;
}
.flex-col {...

В настоящее время я использую Flex-перенос, чтобы оставить пробел при переходе к следующей строке. Однако если высота first становится больше, высота первой строки гибкого переноса не увеличивается.

First

Second
Third
Fourth
Fifth

div {...

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

Это мой код, и он не работает. Есть ли другой способ в HTML, JavaScript, PHP или CSS установить минимальную ширину?
Мне нужно поле ввода текста с динамически изменяющейся шириной, чтобы поле ввода плавно обтекало его содержимое. . Каждый ввод имеет...

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