Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.91/11: Рейтинг темы: голосов - 11, средняя оценка - 4.91
0 / 0 / 0
Регистрация: 20.06.2019
Сообщений: 3

Не могу добавить картинку на фон

20.06.2019, 16:26. Показов 2171. Ответов 1

Студворк — интернет-сервис помощи студентам
Здравствуйте ! Начал изучать HTML и CSS. Выучил основы и решил постараться поверстать свой первый сайт. В итоге, столкнулся с проблемой и не могу ее решить. Я пытаюсь выставить картинку на фон, но ничего не происходит. Подскажите, в чем проблема ?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link rel = "stylesheet" href="main.css">
        <link href="https://fonts.googleapis.com/css?family=Kaushan+Script|Montserrat:400,700&display=swap&subset=cyrillic-ext" rel="stylesheet">
        <title>MySite</title>
    </head>
 
    <body>
        <div class ="intro">
            <div class="container">
                <h1>TiDaYu</h1>
            </div>
        </div>
    </body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
 
    font-size: 15px;
    line-height: 1.6;
    color: #2B2B2B;
}
 
*,
*:before,
*:after {
  box-sizing: border-box;
}
 
h1,h2,h3,h4,h5,h6{
    margin: 0;
}
 
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
 
intro{
    width: 100%;
    height: 100vh;
    background: url("https://www.cyberforum.ru/images/tema.jpg") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
 
}
Надеюсь, вы мне поможете. Удачного всем дня
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
20.06.2019, 16:26
Ответы с готовыми решениями:

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

Как добавить картинку на фон другой картинки?
Здравствуйте! Вызываю значит картинку: &lt;img src=&quot;http://kartinka.png&quot; width=&quot;150&quot; height=&quot;150 alt=&quot;kartinka&quot;&gt; ...

Не могу в div вставить фон-картинку
Добрый день! Вопрос до простого прост ). Ну никак не могу в &lt;div&gt; ... &lt;/div&gt; сделать фон картинкой. Помогите, пожалуйста... ...

1
61 / 46 / 20
Регистрация: 13.06.2019
Сообщений: 101
20.06.2019, 18:15
Лучший ответ Сообщение было отмечено mrtoxas как решение

Решение

У вас перед intro в css точки нет)) Это клас, а не тег.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
20.06.2019, 18:15
Помогаю со студенческими работами здесь

Не могу поставить картинку на задний фон
Вот код:&lt;html&gt; &lt;head&gt; &lt;style type=&quot;text/css&quot;&gt; .tbl1 { background: url('back.jpg'); background-repeat: no-repeat; } ...

Не могу добавить картинку
Здравствуйте у меня такая проблема на главной странице не появляется картинка которую я добавляю через админ панель на странице как...

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

Delphi XE7: Как добавить картинку в мобильное приложение, чтобы она как фон была в нем?
Ребят, вопрос наверное покажется абсолютно глупым, но простите, не знаю как сделать вот и задаю вопрос. Я хочу сделать приложение на Delphi...

Фон обрезает картинку
Как сделать чтоб фон обрезал картинку. Пример ниже!


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru