CSS - Страница 528

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

При создании веб-страницы с помощью Bootstrap панель навигации выглядит великолепно! При работе с контентом я добавил все ссылки CDN в заголовок и класс .container в тело.

Но кажется, что div плавает влево. . Я попытался установить контейнер:...

Я экспериментирую с CSS-фильтрами.

И я хотел бы использовать размытие и оттенки серого одновременно, но я не могу использовать оба одновременно. то же изображение?

См. скрипку здесь...

fw0m9fzu/1/

.blur {
filter: blur(5px);
-webkit-filter:...

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

Вы уже заметили, что Google недавно реализовал рамку в активной опции выбора в Chrome? Есть идеи, как отключить эту функцию? В Firefox нет этой рамки.

Google Chrome версии 83.0.4103.61 (64-разрядная версия)

select option:focus {
border:0px;...

Почему здесь применяется только первый градиент?
html {
background-color: #110b53;
background: radial-gradient(
circle at top left,
#044b8d 5%,
#110b53 35%,
#110b53 60%
),
radial-gradient(
circle at top right,
#8b0460 5%,
#110b53 35%,
#110b53...

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

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

import { styled } from @mui/system ;
import DeleteIcon from @mui/icons-material/Delete ;
import SendIcon from @mui/icons-material/Send ;
import { Button } from @mui/material ;

const Button = styled( button )({
color: red ,
backgroundColor: black ,...

import {
AppBar,
Avatar,
Badge,
InputBase,
Toolbar,
Typography,
} from @mui/material ;

import React, { useState } from react ;
import { styled, alpha } from @mui/material/styles ;
import { Mail, Notifications, Search } from @mui/icons-material ;...

import { styled } from @mui/system ;
import { CardTravel, Home, People } from @mui/icons-material ;
import { Box, Container, Typography } from @mui/material ;
import React from react ;

const BoxContainer = styled(Box)(({ theme }) => ({
display:...

Я пытаюсь воспроизвести дизайн в Figma для текста с линейным градиентом. Вот мой код, который я взял где-то из статьи:

{resource.title}

Я хочу достичь следующего стиля:
https:// i.sstatic.net/M6mFCedp.png

В конечном итоге у меня получается...

У меня есть раскрывающееся меню, я не хочу менять его ширину. Минимальная ширина: 200 пикселей;. Но я хочу добавить отступы справа.

Также я не могу понять, как сделать так, чтобы он открывался не вправо, а влево, но основная проблема теперь с...

Я пытаюсь выровнять элемент по правому нижнему углу элемента, используя позиционирование привязки CSS
#sidebar {
anchor-name: --sidebar;
height: 100vh;
width: max-content;
position: fixed; /* Sidebar is fixed to the viewport */
}...

У меня есть раскрывающееся меню, я не хочу менять его ширину. Минимальная ширина: 200 пикселей;. Но я хочу добавить отступы справа.

Также я не могу понять, как сделать так, чтобы он открывался не вправо, а влево, но основная проблема теперь с...

Я пытаюсь воспроизвести дизайн в Figma для текста с линейным градиентом. Вот мой код, который я взял где-то из статьи:

{resource.title}

Я хочу достичь следующего стиля:
https:// i.sstatic.net/M6mFCedp.png

В конечном итоге у меня получается...

Я использую фреймворк начальной загрузки для панели навигации, а теперь хочу использовать HTML-редактор Summernote WYSIWYG.

Если я импортирую скрипт bootstrap.min.js, раскрывающееся меню панели навигации работает отлично, но раскрывающееся меню в...

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

У меня возникла проблема: содержимое раскрывающегося меню в Google Chrome выглядит размытым, но в Firefox оно отображается нормально. Эта проблема возникает, когда раскрывающийся список превышает определенную высоту, и я реализовал максимальную...

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

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

Мне нужно установить ширину div на 110 %, но с помощью Tailwind CSS это невозможно.
В их документации указано только 100 % значение.

Класс
Свойства

w-полная
ширина : 100%;

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

Здесь очень запуталось, пожалуйста, помогите. Я пытаюсь повторить дизайн Figma. Это экран дизайна:

Вот стили, примененные к этой карточке:

Это код, который я пишу в Tailwind и vanilla CSS:

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

Блокировка клавиатуры iPhone Bootstrap 5 Bottom Canvas
Опишите проблему
I Я создаю проект Vue 3 с помощью Bootstrap 5 и реализовал динамический нижний холст (offcanvas), где пользователи могут добавлять контент и взаимодействовать с ним. Однако на...

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