Стиль:
<style> .block { width: 300px; margin: 30px auto 15px; } .text { border-left: 1px solid #B0BCC2; border-right: 1px solid #B0BCC2; background: #DADADA; } .b1, .b2, .b3, .b4, .b5, .b1 b, .b2 b, .b3 b{ height: 1px; font-size: 1px; overflow: hidden; border:1px solid #B0BCC2; border-width: 0 1px; display: block; background: #DADADA; } .b1 { margin: 0 2px; background: #EBEEF0; border: none; } .b1 b { margin: 0 1px; background: #B8C3C8; border-color: #CBD3D7; } .b2 {margin: 0 1px; border-color: #D6DCDF;} .b2 b {border-color: #B8C3C8;} .b3 {border-color: #EBEEEF;} .b3 b {border-color: #BCC6CB;} .b4 {border-color: #CAD2D6;} .b5 {border-color: #B5C0C6;}</style>
Код:
<div class="block"> <div class="b1"><b></b></div> <div class="b2"><b></b></div> <div class="b3"><b></b></div> <div class="b4"></div> <div class="b5"></div> <div class="text"> Тут текст
</div> <div class="b5"></div> <div class="b4"></div> <div class="b3"><b></b></div> <div class="b2"><b></b></div> <div class="b1"><b></b></div> </div>
Ну вроде все просто, на днях скину вариант с использованием графики.
