NO.92 ボタン風リンク

border関連を活用しましょう。

---

例

◆HEAD内の記述 <style type="text/css"> <!-- a:link{background-color:gray;color:black;font-size:14px;padding:3px;text-decoration:none; border-left:solid silver 3px;border-top:solid silver 3px; border-right:solid #222222 3px;border-bottom:solid #222222 3px;} a:visited{background-color:gray;color:black;font-size:14px;padding:3px;text-decoration:none; border-left:solid silver 3px;border-top:solid silver 3px; border-right:solid #222222 3px;border-bottom:solid #222222 3px;} a:active{border-left:solid #222222 3px;border-top:solid #222222 3px; border-right:solid silver 3px;border-bottom:solid silver 3px;margin-top:3px;margin-left:3px} a:hover{background-color:#444444;color:pink;} --> </style>
◆BODY内の記述 <a href=index.html>トップページ</a>
◆実行例

トップページ

前に戻る　次に進む