CSSでリンクをブロックボックスに変更して枠線をつける

<a class="button padType01 fontSizeType01" href="#">これはリンクです。</a>

a.button{

display: block; /* インラインボックスをブロックボックスに変更する */

text-decoration: none; /* リンクの下線を消す */

border:1px solid #FFFFFF;

width:400px;

}

a.button:hover{

border:1px solid #0000FF;

}

.padType01{

padding: 10px 10px 10px 10px;

}

.fontSizeType01{

font-size: 30pt;

}

リンク（a href）に３つのクラスを適用している。
ブロックボックス化することで、枠線を表示させることができる。

サンプルソース
https://tokyo-webs.jp/sample_source/130227b/