Код для фона сайта html: Как сделать фон в html: порядок действий

Код фона, бэкграунд(как сделать фиксированный фон сайта)? — Вопрос от Santoz Santoz

  • Вопросы
  • Горячие
  • Пользователи
  • Вход/Регистрация
>

Категории вопросов

Задать вопрос +

Основное

  • Вопросы новичков (16653)
  • Платные услуги (2162)
  • Вопросы по uKit (82)

Контент-модули

  • Интернет-магазин (1443)
  • Редактор страниц (237)
  • Новости сайта (501)
  • Каталоги (809)
  • Блог (дневник) (114)
  • Объявления (296)
  • Фотоальбомы (434)
  • Видео (258)
  • Тесты (60)
  • Форум (581)

Продвижение сайта

  • Монетизация сайта (222)
  • Раскрутка сайта (2463)

Управление сайтом

  • Работа с аккаунтом (5355)
  • Поиск по сайту (427)
  • Меню сайта (1767)
  • Домен для сайта (1545)
  • Дизайн сайта (13510)
  • Безопасность сайта (1489)
  • Доп. функции (1311)

Доп. модули

  • SEO-модуль (225)
  • Опросы (63)
  • Гостевая книга (99)
  • Пользователи (433)
  • Почтовые формы (320)
  • Статистика сайта (198)
  • Соц. постинг (213)
  • Мини-чат (91)

Вебмастеру

  • JavaScript и пр. (645)
  • PHP и API на uCoz (236)
  • SMS сервисы (10)
  • Вопросы по Narod.
    ru (435)
  • Софт для вебмастера (39)

html — Как создать фоновое поле для текста, например, это?

спросил

Изменено 6 лет, 2 месяца назад

Просмотрено 20 тысяч раз

Я новичок в HTML, так что извините, если вопрос глупый. Я пытался искать, но я не получил результатов, которые я искал.

Вот ссылка на картинку того, что я ищу: https://i.

gyazo.com/b2a8584eeb1841a71d023c605078f581.png

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

  • HTML
  • CSS
1

Такой ящик, по сути, просто стандартный

.

 .предупреждение {
  цвет фона: #ff9800;
  отступ: 10 пикселей;
} 
 <дел>
  

Внимание! Этот веб-сайт находится в разработке.

Я полагаю, вы имеете в виду размещение на (черном) фоне. Вот одна из возможностей: Черный фон — это фон тела. Тело имеет ширину 100% (которая может быть любой). Затем есть div с полем (где будет виден черный фон), отступом (который создает пространство вокруг текста) и оранжевым фоном.

Вместо того, чтобы задавать черный фон для тела, вы также можете создать второй DIV с этими настройками и обернуть его вокруг первого DIV в качестве родительского элемента. Это особенно полезно, если вы хотите, чтобы черный фон НЕ кодировал все окно, тогда вы просто сделаете этот внешний DIV шириной 80% (или любое значение в процентах или пикселях, соответствующее вашим потребностям) и задайте ему определенную высоту (в процентах или пикселях).

).

 корпус {
  фон: черный;
  высота: 100%;
}

.Икс {
  поле: 20 пикселей;
  отступ: 20 пикселей;
  фон: оранжевый;
  высота строки: 18px;
  высота: 18 пикселей;
  размер шрифта: 18 пикселей;
} 
 <дел>
  Внимание: этот сайт находится в разработке.
 

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

html — Как определить цвет фона сайта?

спросил

Изменено 3 года, 7 месяцев назад

Просмотрено 45 тысяч раз

Как определить цвет фона сайта (чтобы использовать этот цвет в Photoshop)? Я посмотрел исходный код, но я недостаточно хорошо знаю код, чтобы понять, что к чему…

  • html
  • css

Щелкните правой кнопкой мыши на веб-странице и выберите «Проверить элемент». Затем посмотрите вправо на вкладку «Стили» (при условии, что вы используете Chrome), а затем под надписью:

 .site {
цвет фона: #f8f3ef;
 

Это цвет (#f8f3ef). Для справки в будущем вам, возможно, придется немного поискать в Inspect Element в следующий раз и просто найти «background-color», а затем цветовой код.

  1. Просмотр исходного кода с помощью таких инструментов, как Firebug или Chrome Developer Tools, упростит эту задачу. Вы можете проверить элемент, в данном случае фон, и увидеть применимые к нему правила CSS.

  2. Используйте расширение для браузера, например Colorzilla, чтобы щелкнуть и сказать, какой цвет.

1

Это #f8f3ef , иногда я просто делаю копию экрана печати в Photoshop, а затем беру цвет. Но этот метод самый ленивый для Firebug 9.0005

В большинстве браузеров вы можете нажать F12, чтобы открыть набор инструментов разработчика для проверки страницы. Оттуда вы можете щелкнуть значок поиска и щелкнуть элемент, для которого вы хотите увидеть цвет фона, а затем найти свойство css background-color :

можно использовать расширение для браузера (например, ColorZilla в Chrome), чтобы упростить поиск точных цветов на веб-страницах:

Ищите:

 background-color:
 

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

 #ece7e3
 

Значение имеет формат # и 2 шестнадцатеричных символа для количества красного, 2 шестнадцатеричных символа для количества зеленого и 2 шестнадцатеричных символа для количества синего, все вместе образуют один цвет. отдельные значения должны быть от 00 до FF.

Более простой способ попытаться сопоставить цвет изображения с цветом чего-либо на странице — использовать кнопку экрана печати в Windows. Просто откройте одну программу рисования вместе с вашим веб-браузером. MsPaint должен работать.

Посетите веб-сайт, который вы указали в своем браузере.

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

В Firefox есть инструмент выбора цвета, который вы можете легко использовать. Инструменты> Веб-разработчик> Инспектор

Это показано на рисунке ниже.

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *