bearsandvodka
-
Posts
3 -
Joined
-
Last visited
bearsandvodka's Achievements
Explorer (1/14)
0
Reputation
-
Не отображаются бордеры. В чем проблема?
bearsandvodka replied to bearsandvodka's question in HTML Coding
спасибо большое за разъяснение, теперь все встало как надо! -
Не отображаются бордеры. В чем проблема?
bearsandvodka replied to bearsandvodka's question in HTML Coding
Простите пожалуйста за такой объем, но пока всё локально. в принципе все там предельно ясно. не ясно только одно - почему рамки не отображаются? -
Привет, ребят! У меня прописанные бордеры не отображаются, подскажите в чем проблема. Код представлен ниже: <!DOCTYPE HTML> <html lang="ru-RU"> <head> <title>untitled</title> <meta charset="UTF-8"> <style type="text/css"> html, body {margin: 0;} .top-left { position: absolute; top: 0px; left: 0px; background-color: black; height: 300px; width: 300px; border-right: 2px dashed #ECE8E2; border-bottom: 2px dashed #ECE8E2; } .top-middle { position: absolute; top: 0px; left: 300px; background-color: black; height: 300px; width: 300px; border-right: 2px dashed #ECE8E2; border-bottom: 2px dashed #ECE8E2; } .top-right { position: absolute; top: 0px; left: 600px; background-color: black; height: 300px; width: 300px; border-bottom: 2px dashed #ECE8E2; } .middle-left { position: absolute; top: 300px; left: 0px; background-color: black; height: 300px; width: 300px; border-right: 2px dashed #ECE8E2; border-bottom: 2px dashed #ECE8E2; } .middle-middle { position: absolute; top: 300px; left: 300px; background-color: black; height: 300px; width: 300px; border-right: 2px dashed #ECE8E2; border-bottom: 2px dashed #ECE8E2; } .middle-right { position: absolute; top: 300px; left: 600px; background-color: black; height: 300px; width: 300px; border-bottom: 2px dashed #ECE8E2; } .bottom-left { position: absolute; top: 600px; left: 0px; background-color: black; height: 300px; width: 300px; border-right: 2px dashed #ECE8E2; } .bottom-middle { position: absolute; top: 600px; left: 300px; background-color: black; height: 300px; width: 300px; border-right: 2px dashed #ECE8E2; } .bottom-right { position: absolute; top: 600px; left: 600px; background-color: black; height: 300px; width: 300px; /*border: 2px dashed #ECE8E2;*/ } .container { position: absolute; left: 25%; width: 900px; height: 900px; } </style> </head> <body> <div class="container"> <div class="top-left"> </div> <div class="top-middle"> </div> <div class="top-right"> </div> <div class="middle-left"> </div> <div class="middle-middle"> </div> <div class="middle-right"> </div> <div class="bottom-left"> </div> <div class="bottom-middle"> </div> <div class="bottom-right"> </div> </div> </body> </html>