image border-outline

nice image border and outline

HTML

<div> <img src="http://placehold.it/350x150"> </div>

CSS

div {
    background: #333; 
    margin: 10px;
    border: 3px solid #fff;
    outline: 1px solid #bbb;
}

div:hover {
    outline: 1px solid #f08;
}