<style> button { width:60%; display : inline-block; font-size : 10pt; /* 文字サイズ */ text-align : center; /* 文字位置 */ cursor : pointer; /* カーソル */ padding : 8px 9px; /* 余白 */ background : #795548; /* 背景色 */ color : #ffffff; /* 文字色 */ line-height : 2em; /* 1行の高さ */ transition : .1s; /* なめらか変化 */ box-shadow : 1px 1px #795548; /* 影の設定 */ border : 2px solid #999999; /* 枠の指定 */ } .button:hover { box-shadow : none; /* カーソル時の影消去 */ color : #999999; /* 背景色 */ background : #ffffff; /* 文字色 */ } </style><center> <table border="3" align="center"> <tr><td><a class="button">リンク集</a></td> </table> </center>