Unikaj nakładania się CSS na granicy
To proste pytanie, myślę nawet, że ktoś wcześniej o to pytał, ale nigdy nie otrzymał prawdziwej odpowiedzi.
Chcę uniknąć nakładania się granic, to takie proste. Oto przykład:
div{
width: 400px;
height: 150px;
border: 1px solid red;
border-bottom: 7px solid black;
}
Widać, że granice nakładają się w rogu.
Oto przykład na żywo:jsFiddle Przykład
To, co naprawdę chcę zrobić, to przykryć dolną granicę prawą i lewą granicą. Czy ktoś może mi powiedzieć, co mogę tutaj zrobić?