HTML
CSS
JavaScript
<div class='box'>Hover over me!</div>
.box { width: 200px; height: 100px; background-color: lightblue; text-align: center; line-height: 100px; font-size: 20px; border: 1px solid blue; outline-style: solid; outline-color: red; outline-width: 5px; } .box:hover { outline-width: 10px; }
// No JavaScript required for this demo
Hover over me!