JSFiddle - React, Tailwind, and code Playground

by Juan Muñoz

HTML

<div tabindex=1  id="test" tabindex="-1">
    <img name='imagen' src="http://www.fondox.net/wallpapers/un-gato-bebe-433.jpg" alt="Mountain View" style="width:304px;height:228px;">
</div>

CSS

div {
    border: 2px dashed #f90;
    width: 50%;
    margin: 0 auto;
    
    outline: none;
}

img {
    display: block;
    width: 80%;
    margin: 1em auto;
}

JavaScript

$('div ').focus(
  function(){
    $(this).css('border-style','solid');
  }).blur(
  function(){
    $(this).css('border-style','dashed');
  });