У меня проблема с css. Есть ли какой-либо «быстрый» способ добавить горизонтальный фон под «div-полосой» на ширину страницы WHOLE? У меня есть важный контент, и я хочу выделить его.CSS горизонтальный фон полосы в штучной упаковке
Моя страница выглядит код:
<body>
<div wrapper width=1200px>
<div content>
<some h1>
<some boxes>
<div stripe>
//some important stuff what i want highlight
</div>
</div>
</div >
</body>
Сердечные приветы марка
<body>
<div id = ' wrapper' style = " width=1200px">
<div id='content'>
<div id='stripe'>
//some important stuff what i want highlight
</div>
</div>
</div >
</body>
Для приведенного выше HTML добавлен следующий CSS
#stripe{
background-color:red;
}
через ид цвет или изображение может быть назначено под div.
псевдо-элемент работает лучше всего здесь, я думаю.
Вы можете использовать цвета или даже фоновые изображения на нем ... и этот тоже отзывчив.
.container {
max-width: 80%;
margin: 0 auto;
}
.container div {
height: 50px;
border: 1px solid black;
}
.stripe {
position: relative;
}
.stripe::before {
content: '';
position: absolute;
left: 50%;
height: 100%;
width: 100vw;
transform: translateX(-50%);
background: lightblue;
z-index: -1;
}<div class="container">
<div></div>
<div class="stripe"></div>
<div></div>
</div>
эх жаль я использовал неправильное слово. На всем теле (не только на странице). Например, если ширина сайта составляет 1200 пикселей, а у меня больше экрана 1600, у меня будет белая полоса слева и справа. Я хочу поставить там фон на высоте полосы div. –