border ridge and groove

border ridge and groove

by James Doyle

HTML

<div class="box"></div>
<div class="box2"></div>

CSS

div { margin: 10px 0px;}
.box {
    height: 100px;
    width: 400px;
    background: #666;
    border: 3px ridge #333;
}
.box2 {
    height: 100px;
    width: 400px;
    background: #666;
    border: 3px groove #333;
}