Фон разных цветов: Разные цвета фон — 95 фото

Абстрактный фон разных цветов векторное изображение ©leedsn 5685276

Абстрактный фон разных цветов векторное изображение ©leedsn 5685276

Изображения

ВидеоРедакционныеМузыка и звуки

Инструменты

Для бизнеса

Наши цены

Все изображения

ВойтиЗарегистрироваться

Скачайте это изображение,

зарегистрировав аккаунт

Уже есть акаунт? Войти

Я принимаю условия Пользовательского соглашенияПолучать новости и спецпредложения

Векторные спортивные динамические абстрактные задний план различных цветов с головой и урожая

 — Вектор от leedsn

• Найти похожие изображения
• 5685276
• Авторleedsn

Купите это изображение всего за €1.44 с нашим Гибким планом

Получить

Похожие лицензионные векторы:

Показать больше

Показать больше

Та же серия:

Показать больше

Похожие стоковые видео:

Реферат движущихся красочных квадратов на белом backgorundЯпонский язык YouTube конечной карты движения графикиЭффектный фон с голубыми стрелками на светло-голубом фоне для украшения бизнес-презентации с копировальным пространством для текста в правом верхнем углу экрана . Abstract blue and shapes against yellow and blue gradient stridient backped. абстрактная концепция фона и иллюстрацииЯпонский язык YouTube конечной карты движения графикиАнимация большой белой стрелки, заполненной белыми точками и четырьмя маленькими синими стрелками, входящими слева от экрана на синем фоне.Анимация красочной геометрической графики на черном фоне. Концепция компьютерных игр, развлечений и цифрового интерфейса.Анимация большой белой стрелки, заполненной белыми точками и четырьмя маленькими синими стрелками, входящими слева от экрана с синими кругами, линиями и точками, которые исчезают на синем фонеАбстрактный зеленый анимационный фон с аморфными движущимися фигурами4 k изометрический куб с текстурами и эффектом глюка фон. Бесшовная анимация 3D-рендерингаЯпонский язык YouTube конечной карты движения графикиYouTube end card ending screen motion graphicsСчетчик вращающихся элементов в сочетании с боковым слайдом коллекции вертикальных прямоугольных слоев бумаги, разработанных с красивыми абстрактными формами из 3E треугольников и геометрических форм с использованием ярких цветовЯпонский язык YouTube конечной карты движения графики

Показать больше

Информация об использовании

Вы можете использовать это роялти-фри векторное изображение «Абстрактный фон разных цветов» в личных и коммерческих целях согласно Стандартной или Расширенной лицензии.

Стандартная лицензия охватывает различные варианты использования, включая рекламу, UI-дизайн, упаковку продуктов, и допускает печать до 500 000 копий. Расширенная лицензия предполагает все варианты использования, что и Стандартная, с правом на безлимитную печать, а также позволяет использовать скачанные векторные файлы для сувенирной продукции, перепродажи товаров и бесплатного распространения.

Это стоковое векторное изображение масштабируется до любого размера. Вы можете купить и скачать его в высоком разрешении до 6000×6000. Загружен: 23 мая 2011 г.

Depositphotos

• О фотостоке
• Наши планы и цены
• Решения для бизнеса
• Блог Depositphotos
• Реферальная программа
• Программа API
• Вакансии
• Новые изображения
• Бесплатные изображения
• Регистрация поставщика
• Продавайте стоковые фото

• English
• Deutsch
• Français
• Español
• Русский
• Italiano
• Português
• Polski
• Nederlands
• 日本語
• Česky
• Svenska
• 中文

• Türkçe
• Español (Mexico)
• Ελληνικά
• 한국어
• Português (Brasil)
• Magyar
• Українська
• Română
• Bahasa Indonesia
• ไทย
• Norsk
• Dansk
• Suomi

Информация

• Часто задаваемые вопросы
• Все документы

• Доступно в
• Доступно в
• Bird In Flight — Журнал о фотографии

Контакты

• +49-800-000-42-21
• Свяжитесь с нами
• Отзывы о Depositphotos

© 2009-2023. Корпорация Depositphotos, США. Все права защищены.

You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today. <span :class=»$style.nojs» v-html=»noJsMessage»></span>

html — Как сделать в одном header два фоновых цвета

Вопрос задан 3 года назад

Изменён 3 года назад

Просмотрен 724 раза

https://prnt.sc/qhj0vb Как сделать в одном header два фоновых цвета. То-есть в первом блоке золотой цвет мы его ставим с помощью класс .header , а во втором блоке черный фоновый цвет и когда, я его ставлю в класс .header-menu он принимает значение класса .container и его ширина становится 1100px(container).

Как сделать что бы второй фон был во всю ширину?

 <header>
		<div>
			<div>      //первый блок с золотым цветом
				<div>РУС</div>
				<div>ENG</div>
				<div>FR</div>

				<div>8 (800) 123-45-67</div>
			  <div>[email protected]</div>
			</div>
			<div> Второй блок с черным цветом
				
			</div>
		</div>
	</header>

• html
• css
• css3
• html5

Не могу сказать на сколько это правильно но разделить header на два блока … примерно та как в сниппете

Здесь актуальная версия с которой можно работать и можно исправлять: https://codepen.io/topicstarter/pen/ZEYXBVr

Вторая версия на градиентах: https://codepen.io/topicstarter/pen/ZEYXLzR?editors=1100

* {
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}

html,
body {
  margin: 0;
  padding: 0;
}

.
  wrapper {
  max-width: 980px;
  margin: auto;
}

menu {
  background-color: #c8a35f;
}

menu {
  display: flex;
  justify-content: space-around;
  margin: 0;
}

menu p {
  text-align: center;
}

menu p a {
  color: #fff;
}

ul {
  display: flex;
}

ul li {
  margin-right: 10px;
}

ul li a {
  color: #fff;
}

.preview {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #2f343a;
  padding: 20px 0;
}

.company {
  display: flex;
  align-items: center;
  width: 300px;
  border-right: 1px solid;
}

.logo-text p {
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
}

.logo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 6px solid #fff;
  margin-right: 20px;
  margin-left: 40px;
}

.
 
  logo-text p:first-child {
  font-size: 34px;
}

.logo-text p:last-child {
  font-size: 20px;
}

@media (max-width: 680px) {
  ul li a {
    font-size: 12px;
  }
  .logo {
    width: 60px;
    height: 60px;
  }
  .logo-text p:first-child {
    font-size: 28px;
  }
  .logo-text p:last-child {
    font-size: 17px;
  }
  menu p a {
    font-size: 14px;
  }
  .logo {
    margin-left: 80px;
  }
}

<header>
  <menu>
    <p>
      <a href="#">rus</a>
      <a href="#">eng</a>
      <a href="#">fr</a>
    </p>
    <p><a href="#">8(700)1234567</a> </p>
    <p><a href="#">[email protected]</a> </p>
  </menu>
  <div>
    <div>
      <div>
        <div></div>
        <div>
          <p>company</p>
          <p>lorem ipsum sit</p>
        </div>
      </div>
    </div>
    <div>
      <ul>
        <li><a href="#">Услуги</a></li>
        <li><a href="#">О компании</a></li>
        <li><a href="#">Вакансии</a></li>
        <li><a href="#">Контакты</a></li>
      </ul>
    </div>
  </div>
</header>

header {
  background-color: #000;
  color: #fff;
}
. top-header {
  background-color: #e1e1e1;
  color: #000;
}

<header>
    <div>
        <div>      //первый блок с золотым цветом
            <div>РУС</div>
            <div>ENG</div>
            <div>FR</div>

            <div>8 (800) 123-45-67</div>
          <div>[email protected]</div>
        </div>
        <div> Второй блок с черным цветом

        </div>
    </div>
</header>

2

Как вариант, перенести контейнер во внутрь каждого из блоков header и задавать фон соответственно для top-header и header-menu

 <header>    		
			<div>      //первый блок с золотым цветом
                           <div>
				<div>РУС</div>
				<div>ENG</div>
				<div>FR</div>

				<div>8 (800) 123-45-67</div>
			    <div>sales@log. ru</div>
			  </div>
                      </div>
			<div> Второй блок с черным цветом
                          <div>

			  </div>
			</div>
		</div>
	</header>

Можно задать для «header-container» размер 1100px, а для top-header и header-menu те цвета, которые надо.

    .header-container {
      max-width: 1100px;
    }
    
    .top-header {
      background: green;
    }
    
    .header-menu {
      background: black;
    }

     <header>
      <div>
        <div>
          //первый блок с золотым цветом
          <div>РУС</div>
          <div>ENG</div>
          <div>FR</div>

          <div>8 (800) 123-45-67</div>
          <div>[email protected]</div>
        </div>
      </div>

      <div>
        <div>
          Второй блок с черным цветом
        </div>
      </div>
    </header>

2

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

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

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

Загрузить HD-фоны на Unsplash

Более 900 синих фоновых изображений: Скачать HD-фоны на Unsplash

Исследовать › Фоны › Цвета › Синий

Синий не является основным. Так же, как и сообщество профессиональных фотографов Unsplash, которые запечатлели все виды великолепных синих фонов для вас на выбор (совершенно бесплатно).

Hd синие картинкиФоны с животнымиПрикольные фоныФоны для рабочего столаСпортивные фоны

Скачать синие фоновые изображения 9 бесплатно0010

–––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.

Фоны текстуры. обоишелкбархат

Hq background imagesHd iphone wallpapersIphone backgrounds

Hd blue wallpaperspoolswimming

Beach images & picturesHd ocean wallpapersSummer images & pictures

silhouettePeople images & picturesportrait

Light backgroundsHd art wallpapersbanner

minneapolisusamn

Hd water wallpapersbubblecrash

doorHd pastel wallpapersHd pink обои

мореHd обоиподводный

ледхолоднозамороженный

Hd абстрактные обоисмазка ледHd обои вода

Пейзажные изображения и картинкиГрадиентные фоныHd фоны

–––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.

Текстуры фоныТехнологии Фоны для веб-сайтов

Пляж изображения и картинкиHd океан обоиЛето изображения и картинки

Hd узор обоиволныструктура

ночьКосмос изображения и картинкиHd темные обои

Hd обои водаbubblecrash

Hd teal wallpaperssilkvelvet

icecoldfrozen

Landscape images & picturesGradient backgroundsHd backgrounds

Hd blue wallpaperspoolswimming

silhouettePeople images & picturesportrait

Light backgroundsHd art wallpapersbanner

torontoCoffee imagescanada

Mountain images & picturesswitzerlandCloud pictures & images

doorHd pastel картинкиHd розовый обои

Hq фон фотографииHd iphone картинкиФоны для iPhone

Nature imagesazenhas do marcolares

minneapolisusamn

Hd sky wallpapersCloud pictures & imagesazure sky

seaHd wallpapersunderwater

Hd abstract wallpapersgrease iceHd water wallpapers

Christopher Burns

Texture backgroundstechWebsite backgrounds

Mathilde Normandeau

Hd blue wallpaperspoolswimming

–––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.

Лука Браво

Nature imagesazenhas do marcolares

Aaron Burden

Beach images & picturesHd ocean wallpapersSummer images & pictures

Ben Sweet

silhouettePeople images & picturesportrait

Gradienta

Light backgroundsHd art wallpapersbanner

Debora Pilati

Hd pattern wallpaperswavesstructure

Solen Feyissa

minneapolisusamn

Nick Hillier

torontoCoffee imagescanada

nightSpace images & picturesHd dark wallpapers

Brady Bellini

Mountain images & picturesswitzerlandCloud pictures & images

Jeremy Bishop

Hd water wallpapersbubblecrash

Hd sky wallpapersCloud pictures & imagesazure sky

Erol Ahmed

doorHd pastel wallpapersHd pink wallpapers

Susan Wilkinson

HD обои бирюзовыйшелкбархат

Sime Basioli

мореHd обоиподводный

Aaron Burden

ICECOLDFROZEN

SCOTT WEBB

HQ FANICE ImageShd Iphone Walpaperpersiphone. Скидка 20% на iStock

Unsplash

Красивые бесплатные изображения, подаренные самым щедрым сообществом фотографов в мире. Лучше, чем любые бесплатные или стоковые фотографии.

• About
• Blog
• Community
• Join the team
• Developers/API
• Press
• Help Center

Product

• Explore
• Unsplash Awards
• Unsplash for Education
• Unsplash for iOS
• Приложения и плагины

Популярные

• Фоны
• Бесплатные изображения
• Бесплатные стоковые фото
• Картинки с днем ​​рождения
• Cool Photos
• Nature Pictures
• Black Backgrounds
• White Backgrounds
• Textures
• Desktop Backgrounds

Wallpapers

• HD Wallpapers
• 4k Wallpapers
• iPhone Wallpapers
• Cool Wallpapers
• Cute Wallpapers
• Live Обои
• Обои для ПК
• Черные обои
• Обои для iPad
• Обои для рабочего стола

• Политика конфиденциальности
• Условия
• Безопасность

• Логотип Twitter в форме птицыUnsplash Twitter
• Логотип Facebook в форме FUnsplash Facebook
• 0 Скачать Instagram логотип в форме квадратной камеры
3 Instagram3 Instagram3 Instagram HD-фоны на Unsplash Более 900 розовых фоновых изображений: загрузите HD-фоны на Unsplash

Исследуйте › Фоны › Цвета › Розовый

Сделайте его светлым с великолепным розовым фоном от Unsplash. Выбирайте из широкого выбора тщательно отобранных изображений с высоким разрешением, которые можно использовать на 100 % бесплатно. Добро пожаловать в будущее.

Фоны животныхФоны рабочего столаФоны событийФоны спортаФоны вещей

Скачать бесплатно розовые фоновые изображения

–––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.

Hd розовый картинкиЛуна картинкиHq фон картинки

Hd узор обоиживописьцвет

Hd обои водамореHd океан обои

валентинаромантикаЛюбовь фото

Цветы фотоВесна фото и картинки

CyprusarchitectureHD Blue обои

Balloon Imagephappy Images & Pictureshd Желтые обои

HD Вишневый цвет обои. фото и фотографиирастение

Hq фон фотографииHD картинкиЦветные обои высокого разрешения

spanyolországla caleta de adejeTravel images

spainmurciaHd windows wallpapers

Hd pastel wallpapersHd girly wallpapersogden

quoteadvertisementposter

Hd abstract wallpapersmagentaHd purple wallpapers

Hd neon wallpaperssignwords

Nature imagesLandscape images & picturesMountain images & pictures

–––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.

Hd розовый фоткиЛуна фото & обоиHq фон фото

HQ фонового фона ImageShd WallpaperShd Color Wallpapers

Flower Imagesspring Изображения и PicturesIki

Spainmurciahd Windows Wallpapers

HD Pastel Walpapershd Girly Wallperpersogden

Images и изображения изображения

9000. фоныHd арт обоиHd цветные обои

Hd узор обоиживописьцвет

valentineromanceLove images

cyprusarchitectureHd blue wallpapers

Balloon imagesHappy images & picturesHd yellow wallpapers

quoteadvertisementposter

Hd neon wallpaperssignwords

Hd sky wallpapersCloud pictures & imagesplant

Hd water wallpapersseaHd ocean wallpapers

spanyolországla caleta de adejeTravel images

Hd сакура фоткиСакура обоиЦветение

Hd абстрактные картинкипурпурныеHd фиолетовые обои

пионПариж картинки и изображенияцветок

Hd розовый обоиЛуна изображения и картинкиHq фоновые изображения

Pawel Czerwinski

Текстуры фоныHd арт обоиHd цветные обои

–––– –––– –––– – –––– – –– –– –– – –– –––– – – –– ––– –– –––– – –.

Hd небо обоиОблака картинки и изображениярастение

Авинаш Кумар

Hd узор обоиживописьцвет

Linus Nylund

Hd вода обоимореHd океан обои

Wesley Tingey

Hq background imagesHd wallpapersHd color wallpapers

Jamie Street

valentineromanceLove images

Bence Biczó

spanyolországla caleta de adejeTravel images

TOMOKO UJI

Flower imagesSpring images & picturesiki

Mike Yukhtenko

cyprusarchitectureHd blue обои

Manu Franco

spainmurciaHd windows wallpapers

Madison Oren

Balloon imagesHappy images & picturesHd yellow wallpapers

Alexander Grey

Hd pastel wallpapersHd girly wallpapersogden

Mi Min

Hd cherry blossom wallpapersSakura picturesblossom

Jelena Mirkovic

quoteadvertisementposter

Elena Koycheva

Donut images & picturesFood images & picturesCake изображения

Hd абстрактные обои пурпурный HD фиолетовые обои

Katarzyna Grabowska

Неоновые обои Hdsignwords

eberhard 🖐 Grossgasteiger

Природа фотоПейзаж фото и картинкиГора фото

peter bucks

пионыПариж фото и изображенияцветок

Просмотр премиум-изображений на iStock | Скидка 20% на iStock

Unsplash

Красивые бесплатные изображения, подаренные самым щедрым сообществом фотографов в мире.

Фон разных цветов: Разные цвета фон — 95 фото