Как сделать, чтобы один border перекрывал второй

@Rupert · Регистрация: 22.01.2013

Author24 — интернет-сервис помощи студентам

Подскажите решение:

CSS

#header .logo {
float: left;
border-top: 10px solid #000;
height: 100px;
border-left: 10px solid #f3d0bf;

Как мне сделать, чтобы было как на втором изображении?
Чтобы один border перекрывал второй

Donald28 · 07.05.2013, 00:14

используя 2 дива:

HTML5

1
2
3

<div class="div1">
    <div class="div2"></div>
</div>

CSS

.div1{
   border-top: 10px solid #000;
}
.div1 .div2{
   width: 100px;  /* это значение для примера*/
   height: 100px; /* это значение для примера*/
   border-left: 10px solid #f3d0bf;
}

	07.05.2013, 00:14

Как сделать, чтобы один border перекрывал второй

Решение