Make div's like a's

by chriscoyier

HTML

<div tabindex=1></div>
<div tabindex=2></div>
<div tabindex=3></div>

CSS

div {
    width: 200px;
    height: 20px;
    margin: 20px;
    background: #999;
    cursor: pointer;
}

div:hover {
    background: #ccc;   
}

div:focus {
    background: #666;
}

div:active {
    background: #333;
}