Как задать фон через html?

Пользователь

от sherwood_littel , в категории: HTML/CSS , 10 месяцев назад

Как задать фон через html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от raina , 10 месяцев назад

@sherwood_littel 

В HTML задать фон можно с помощью CSS. Вот несколько способов:

  1. Через атрибут style в теге html:
  2. Через внутренний стиль внутри тега style:
  3. Через внешний файл стилей: В файле styles.css: body { background-color: #f0f0f0; }
  4. Через встроенные стили внутри тега:


Замените "#f0f0f0" на код цвета или ссылку на изображение, в зависимости от того, какой фон вы хотите использовать.

Пользователь

от jett , 2 месяца назад

@sherwood_littel 

Например, чтобы задать фон цветом через атрибут style в теге body, можно использовать следующий код:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!DOCTYPE html>
<html>
<head>
    <title>Пример задания фона через HTML</title>
</head>
<body style="background-color: #f0f0f0;">
    <h1>Пример задания фона через HTML</h1>
    <p>Пример текста на странице</p>
</body>
</html>


В данном примере, фон страницы будет задан цветом #f0f0f0.


Если вы хотите использовать изображение в качестве фона, можно использовать CSS свойство background-image. Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
    <title>Пример задания фона через HTML</title>
    <style>
        body {
            background-image: url('путь_к_изображению.jpg');
            background-size: cover;
        }
    </style>
</head>
<body>
    <h1>Пример задания фона через HTML</h1>
    <p>Пример текста на странице</p>
</body>
</html>


В данном примере, фон страницы будет изображение, указанное в свойстве url('путь_к_изображению.jpg'), и оно будет заполнять всю доступную область блока body благодаря свойству background-size: cover.