пишет:
Здравствуйте! В прошлой статье я рассказвал о блочной верстке с двумя колонками. Подобным образом мы можем добавить на страницу и большее количество колонок и сделать более сложную структуру. Например, добавим на веб-страницу второй сайдбар то есть будет три колонки:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Блочная верстка в HTML5</title>
<style>
div{
margin: 10px;
border: 1px solid black;
font-size: 20px;
height: 80px;
}
#header{
background-color: #ccc;
}
#leftSidebar{
background-color: #ddd;
}
#rightSidebar{
background-color: #bbb;
}
#main{
background-color: #eee;
height: 200px;
}
#footer{
background-color: #ccc;
}
</style>
</head>
<body>
<div id="header">Шапка сайта</div>
<div id="leftSidebar">Левый сайдбар</div>
<div id="rightSidebar">Правый сайдбар</div>
<div id="main">Основное содержимое</div>
<div id="footer">Футер</div>
</body>
</html>
Читать далее
Вступите в группу, и вы сможете просматривать изображения в полном размере
Это интересно
0
|
|||
Последние откомментированные темы:
-
Самые лучшие антиблокировочные браузеры веб-сайтов
(2)
Надежда(CompGramotnost)
,
22.02.2022
-
Что произошло с Яндекс Кошельком
(1)
Игорь39
,
07.02.2022
-
Как считали в уме в 19 веке: Трудная задача для устного счета. Как в Word написать формулу
(1)
Михаил...
,
05.02.2022
-
Как установить живые обои на рабочий стол Windows 10, 11
(1)
Свет-Коляда
,
01.02.2022
-
Госуслуги: проверяем пенсионный счет
(1)
Страникоткуда
,
28.01.2022
20240425165947