リンクをボタン風にするCSS

Posted in CSS | 金曜日, 9月 17th, 2004 | Trackback

リンクをフォームのボタンのような形状にするためのCSS

あくまでも「風」です。もっといいスタイルがあったり、こうした方がいいよというのがあれば、ぜひコメントを！

.button a{
 color: #000000;
 background-color:#CCCCCC;
 padding:3px 5px;
 text-decoration:none;
 border-top: 1px solid #FFFFFF;
 border-right: 2px solid #666666;
 border-bottom: 2px solid #666666;
 border-left: 1px solid #FFFFFF;
}

.button a:active{
 border-top: 2px solid #666666;
 border-right: 1px solid #666666;
 border-bottom: 1px solid #666666;
 border-left: 2px solid #666666;
 }

コメントはまだありません

最初のコメントをどうぞ！

コメントをどうぞ