Advertisement
Guest User

Untitled

a guest
May 24th, 2019
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.51 KB | None | 0 0
  1. body
  2. {
  3. background-color:#000000;
  4. }
  5. #container
  6. {
  7. padding-top:70px;
  8. width:1620px;
  9. height: 1370px;
  10. background-color:white;
  11. }
  12. #box1
  13. {
  14. float:left;
  15. margin-bottom:50px;
  16. margin-left:50px;
  17. width:1500px;
  18. height: 150px;
  19. background-color:red;
  20. }
  21. #box2-1
  22. {
  23. float:left;
  24.  
  25. margin-left:50px;
  26. width: 750px;
  27. height: 150px;
  28. background-color:blue;
  29. }
  30. #box2-2
  31. {
  32. float:left;
  33.  
  34. margin-left:50px;
  35. width:700px;
  36. height: 150px;
  37. background-color:blue;
  38. }
  39. #box3-1
  40. {
  41. float:left;
  42. margin-top:50px;
  43. margin-left:50px;
  44. width:500px;
  45. height: 150px;
  46. background-color:yellow;
  47. }
  48. #box3-2
  49. {
  50. float:left;
  51. margin-top:50px;
  52. margin-left:50px;
  53. width:450px;
  54. height: 150px;
  55. background-color:yellow;
  56. }
  57. #box3-3
  58. {
  59. float:left;
  60. margin-top:50px;
  61. margin-left:50px;
  62. width:450px;
  63. height: 150px;
  64. background-color:yellow;
  65. }
  66. #box4-1
  67. {
  68. float:left;
  69. margin-top:50px;
  70. margin-left:50px;
  71. width:1000px;
  72. height: 150px;
  73. background-color:grey;
  74. }
  75. #box4-2
  76. {
  77. float:left;
  78. margin-top:50px;
  79. margin-left:50px;
  80. width:450px;
  81. height: 150px;
  82. background-color:grey;
  83. }
  84. #box5-1
  85. {
  86. float:left;
  87. margin-top:50px;
  88. margin-left:50px;
  89. width:340px;
  90. height: 150px;
  91. background-color:blue;
  92. }
  93. #box5-2
  94. {
  95. float:left;
  96. margin-top:50px;
  97. margin-left:50px;
  98. width:340px;
  99. height: 150px;
  100. background-color:blue;
  101. }
  102. #box5-3
  103. {
  104. float:left;
  105. margin-top:50px;
  106. margin-left:50px;
  107. width:340px;
  108. height: 150px;
  109. background-color:blue;
  110. }
  111. #box5-4
  112. {
  113. float:left;
  114. margin-top:50px;
  115. margin-left:50px;
  116. width:330px;
  117. height: 150px;
  118. background-color:blue;
  119. }
  120. #box6-1
  121. {
  122. float:left;
  123. margin-top:50px;
  124. margin-left:50px;
  125. width:1120px;
  126. height: 150px;
  127. background-color:orange;
  128. }
  129. #box6-2
  130. {
  131. float:left;
  132. margin-top:50px;
  133. margin-left:50px;
  134. width:330px;
  135. height: 150px;
  136. background-color:orange;
  137. }
  138.  
  139.  
  140. ///////////////////////////////////////////////////////////////
  141. <!DOCTYPE html>
  142. <html>
  143. <head>
  144. <link rel="stylesheet" type="text/css" href="style.css">
  145. <title></title>
  146. </head>
  147. <body>
  148.  
  149. <div id="container">
  150. <div id="box1">
  151. </div>
  152. <div id="box2-1">
  153. </div>
  154. <div id="box2-2">
  155. </div>
  156. <div id="box3-1">
  157. </div>
  158. <div id="box3-2">
  159. </div>
  160. <div id="box3-3">
  161. </div>
  162. <div id="box4-1">
  163. </div>
  164. <div id="box4-2">
  165. </div>
  166. <div id="box5-1">
  167. </div>
  168. <div id="box5-2">
  169. </div>
  170. <div id="box5-3">
  171. </div>
  172. <div id="box5-4">
  173. </div>
  174. <div id="box6-1">
  175. </div>
  176. <div id="box6-2">
  177. </div>
  178.  
  179.  
  180. </div>
  181. </body>
  182. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement