2007/03/23

リッチボタン

<input>ボタンをCSSでリッチボタンにするやり方がありました。
URL→http://hail2u.net/pub/test/031.html
★コード

<style type="text/css">
input#[id] {
  border-top: 3px double #cccccc;
  border-right: 3px double #333333;
  border-bottom: 3px double #333333;
  border-left: 3px double #cccccc;
  color: #990000;
  background-color: #edeae4;
  background-image: url("[背景画像パス]");
  background-repeat: repeat-x;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  padding-top:3px;
}
</style>

★注意
このコードをCSSファイルに記述したけど、反映しなかった。。。
しょうがないので、各ページの<HEAD>に記述したらOKでした。
スポンサーリンク

スポンサーリンク