Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body
- {
- background-color:#000000;
- }
- #container
- {
- padding-top:70px;
- width:1620px;
- height: 1370px;
- background-color:white;
- }
- #box1
- {
- float:left;
- margin-bottom:50px;
- margin-left:50px;
- width:1500px;
- height: 150px;
- background-color:red;
- }
- #box2-1
- {
- float:left;
- margin-left:50px;
- width: 750px;
- height: 150px;
- background-color:blue;
- }
- #box2-2
- {
- float:left;
- margin-left:50px;
- width:700px;
- height: 150px;
- background-color:blue;
- }
- #box3-1
- {
- float:left;
- margin-top:50px;
- margin-left:50px;
- width:500px;
- height: 150px;
- background-color:yellow;
- }
- #box3-2
- {
- float:left;
- margin-top:50px;
- margin-left:50px;
- width:450px;
- height: 150px;
- background-color:yellow;
- }
- #box3-3
- {
- float:left;
- margin-top:50px;
- margin-left:50px;
- width:450px;
- height: 150px;
- background-color:yellow;
- }
- #box4-1
- {
- float:left;
- margin-top:50px;
- margin-left:50px;
- width:1000px;
- height: 150px;
- background-color:grey;
- }
- #box4-2
- {
- float:left;
- margin-top:50px;
- margin-left:50px;
- width:450px;
- height: 150px;
- background-color:grey;
- }
- #box5-1
- {
- float:left;
- margin-top:50px;
- margin-left:50px;
- width:340px;
- height: 150px;
- background-color:blue;
- }
- #box5-2
- {
- float:left;
- margin-top:50px;
- margin-left:50px;
- width:340px;
- height: 150px;
- background-color:blue;
- }
- #box5-3
- {
- float:left;
- margin-top:50px;
- margin-left:50px;
- width:340px;
- height: 150px;
- background-color:blue;
- }
- #box5-4
- {
- float:left;
- margin-top:50px;
- margin-left:50px;
- width:330px;
- height: 150px;
- background-color:blue;
- }
- #box6-1
- {
- float:left;
- margin-top:50px;
- margin-left:50px;
- width:1120px;
- height: 150px;
- background-color:orange;
- }
- #box6-2
- {
- float:left;
- margin-top:50px;
- margin-left:50px;
- width:330px;
- height: 150px;
- background-color:orange;
- }
- ///////////////////////////////////////////////////////////////
- <!DOCTYPE html>
- <html>
- <head>
- <link rel="stylesheet" type="text/css" href="style.css">
- <title></title>
- </head>
- <body>
- <div id="container">
- <div id="box1">
- </div>
- <div id="box2-1">
- </div>
- <div id="box2-2">
- </div>
- <div id="box3-1">
- </div>
- <div id="box3-2">
- </div>
- <div id="box3-3">
- </div>
- <div id="box4-1">
- </div>
- <div id="box4-2">
- </div>
- <div id="box5-1">
- </div>
- <div id="box5-2">
- </div>
- <div id="box5-3">
- </div>
- <div id="box5-4">
- </div>
- <div id="box6-1">
- </div>
- <div id="box6-2">
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement