ボタンのやり方がよく分からない

　今日の1ページは、名古屋東照宮。
　ちょっと中区に偏りすぎているのだけど、その前が那古野神社だったから東照宮もセットで書いてしまった方がいいだろうということで。
　区をまんべんなく埋めていくよりも、重要度が高いと思われる神社を優先していった方がいいかもしれない。式内社を先に終わらせてしまうとか。
　一気に終わらせることができないことが分かった今、方針転換の必要を感じている。

　トップページの名古屋16区のリンクをボタンにしたいと考えているのだけど、やり方がよく分からない。
　<button>タグでボタンにすることができるのは分かるのだけど、描いているイメージのボタンにできない。cssでデザインしないといけないのだろうか。
　今、テーブルにしてる部分は、ボタンにしたらテーブルにしなくていいのだろうか。テーブルは横幅を広げすぎると、スマホで見るときに折り返せず横スクロールになってしまうようだ。300ピクセルより狭い表示はないだろうから今は300ピクセルにしているけど、できればもう少し広げたい。
　ボタンにして左右、上下に並べると、レスポンシブになるのだろうか。
　あれこれ試したいカスタマイズはあるのだけど、やり方が分からないのと時間が足りないのとで、なかなか手を付けられないでいる。