Загрузка...

Как сделать пол фона белым и синим?

Тема в разделе Frontend создана пользователем fork_to 17 мар 2021. 244 просмотра

  1. fork_to
    fork_to Автор темы 17 мар 2021 Заблокирован(а) 202 8 авг 2019
    В шапке
    [IMG]
     
  2. УБЕРСОЛЕВОЙ
    УБЕРСОЛЕВОЙ 17 мар 2021 Заблокирован(а) 2600 19 сен 2018
    надо краску купить и пол на кухне покрасить
     
  3. remixkur
    remixkur 17 мар 2021 295 3 ноя 2020
    лично как я делаю когда надо по цветам разделить, беру белый фон, обрезаю по нужному, и всё
     
    1. fork_to Автор темы
      remixkur, а как это адаптировать
  4. Накрутка_inactive3880864
    Накрутка_inactive3880864 17 мар 2021 Заблокирован(а) 114 1 фев 2021
    Как вариант обернуть в контейнер.
    Например #example1
    Вот пример style.css
    CSS
    <style>
    #example1 {
    background-color:blue;
    padding: 15px;
    background-size: 50px, 130px, auto;
    }
    </style>
    А вот собственно сам вариант html

    HTML
    <body>

    <div id="example1">
    <h1>Lorem Ipsum Dolor</h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    </div>
    <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
    </div>

    </body>
    </html>
    P.S
    Посмотреть как работает можешь тут : тык
     
    1. Посмотреть предыдущие комментарии (1)
    2. fork_to Автор темы
    3. Накрутка_inactive3880864
      fork_to, можешь попробовать сделать через parent. Например

      Код
      <div class="parent">
      <div class="div1"> </div>
      <div class="div2"> </div>
      <div class="div3"> </div>
      </div>
  5. 0w0
    0w0 18 мар 2021 0x5F3759DF 332 27 дек 2017
    https://jsfiddle.net/Lecazndk/
    Только не to right, а to bottom. Подставь свои цвета, поигрйся с размерами. Тогда получишь нормальный вариант.
    Если хочется быстро, то ставь секции с этими блоками нужный margin-top
     
Загрузка...
Top