как реализовать изображение css (отмечено ) [требует правки]
216
21 июня 2017, 00:32
Как реализовать данные границы между блоками сайта,подскажите.
Answer 1
#wrapper{
padding: 10px;
background: blue;
box-sizing: border-box;
}
.content{
background: white;
} <div id="wrapper">
<div class="content">
Тут ваш блок
</div>
</div>Добавляйте
box-sizing:border-box;
если родителю задаете ширину иначе может вылезти за границы экрана.
Подробнее про свойство box-sizing можно почитать тут: http://htmlbook.ru/css/box-sizing
Answer 2
Дать элементу класс. И данному классу стиль
<div class='some-class'></div>
Стиль
.some-class{
border:4px soli #ccced0
}
Это если именно такие серые рамки.
А если просто отступ по кругу без рамок то:
.some-class{
margin: 5px;
}
border- рамка;
margin- внешний отступ;
padding - внутренний отступ(в данном случае вам ненужен. просто информация)
Answer 3
Тут несколько вариантов один уже указали, путем указания значения border. Другой вариант это margin если задний фон имеет цвет.
*{
padding: 0;
margin: 0;
}
body{
background-color: #3d3d3d;
}
p{
background-color: #fff;
min-height: 100px;
margin: 5px;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>img</title>
</head>
<body>
<p></p>
<p></p>
</body>
</html>
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 46677 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30287 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22840 visits
- Как через css изменить цвет png изображения? 10163 visits
- Blob video url download 9800 visits
- Php curl запрос через прокси с авторизацией 9059 visits
- Работа с captcha vk api 7977 visits
© "hostciti.net" 26.4.2024 | 10:32