ボタン風リンク
<html> <head> <title>ボタン風リンク</title> <style type="text/css"> <!-- a { padding: 3px 3px 3px 3px; color: #000; width: 100px; text-align: center; text-decoration: none; background: #ccc; border: 3px outset; } a:hover { color: #f00; } a:active { border: 3px inset; } //--> </style> </head> <body> <a href="../../sample/sample1.html">ボタン</a> </body> </html>
〔 実行する 〕