html - CSS: タブ フォーカス画像に境界線を適用する

Question

CSS を使用して、キーボードの TAB を使用してページをナビゲートするフォーカスの周りに境界線を配置するにはどうすればよいですか?

ここでは、画像ではなくテキストでそれを行う方法を示します

http://www.joepettersson.com/demo/the-outline-property

* { outline: none;}

私は試した：

a img:focus{
    border: 5px solid #900;
}

しかし、うまくいきません。