Add web design files
This commit is contained in:
45
web-design/Файлы/Контейнерный дизайн/Контейнерный дизайн.css
Normal file
45
web-design/Файлы/Контейнерный дизайн/Контейнерный дизайн.css
Normal file
@@ -0,0 +1,45 @@
|
||||
*{
|
||||
padding: 0;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.container{
|
||||
width: 600px;
|
||||
border: 1px solid #FF0000;
|
||||
margin: 0px auto;
|
||||
background-color: #FFFF00;
|
||||
}
|
||||
.log{
|
||||
margin-left: 10px;
|
||||
width: 580px;
|
||||
height: 100px;
|
||||
border: 0px solid #000000;
|
||||
background-color: #FFA500;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.nav{
|
||||
width: 150px;
|
||||
height: 500px;
|
||||
background-color: #008000;
|
||||
border: 1px solid #EE82EE;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.content{
|
||||
width: 400px;
|
||||
height: 500px;
|
||||
background-color: #0000FF;
|
||||
border: 1px solid #A52A2A;
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.podval{
|
||||
width: 580px;
|
||||
height: 100px;
|
||||
margin-left: 10px;
|
||||
border: 1px solid #494B97;
|
||||
background-color: #49FF00;
|
||||
clear:both;
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Документ без названия</title>
|
||||
<link href="Контейнерный дизайн.css" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="log"></div>
|
||||
<div class="nav"></div>
|
||||
<div class="content"></div>
|
||||
<div class="podval"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user