/ Published in: CSS

Expand |
Embed | Plain Text
CSS Code .rounded_box { position: relative; background-color: #fff; border: 1px solid #e5e5e5; padding: 11px; } .rounded_box .r1, .rounded_box .r2, .rounded_box .r3, .rounded_box .r4 { background: url(../images/layout/rounded_corners.png) no-repeat left top; width: 10px; height: 10px; position: absolute; overflow: hidden; } .rounded_box .r1, .rounded_box .r2 { top: -1px; } .rounded_box .r3, .rounded_box .r4 { bottom: -1px; } .rounded_box .r1, .rounded_box .r3 { left: -1px; } .rounded_box .r2, .rounded_box .r4 { right: -1px; } .rounded_box .r2 { background-position: right top; } .rounded_box .r3 { background-position: left -10px; } .rounded_box .r4 { background-position: right -10px; } HTML Code <div class="rounded_box"> Text here .. <span class="r1"/><span class="r2"/><span class="r3"/><span class="r4"/></div>
You need to login to post a comment.