CSSでボタンを設定。
サイズ、文字などを調整。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HEAD>
<meta http-equiv='content-type' content='text/html;charset=utf-8'>
<title>CSSボタン</title>
<STYLE TYPE="text/css">
.btn1 {
border: 1px ridge #EEE;
color: #336666;
width: 14px;
height: 16px;
padding: 1px 0;
font-size: 9px;
background-color: #DCDCDC;
}
.btn2 {
width: 50px;
height: 24px;
padding: 2px 0;
font-size: 11px;
background-color: #CCC;
}
.btn3 {
border: 1px solid #EEE;
color: #336666;
width: 130px;
height: 35px;
padding: 2px 0;
font-size: 120%;
background-color: #CCC;
}
.btn4 {
background: #DCDCDC;
border: 1px ridge #EEE;
color:#000;
width: 75px;
height: 20px;
padding: 2px 0;
font-size: 10px;
}
</STYLE>
</HEAD>
<body bgcolor='#ffffff' topmargin="2" leftmargin="5" rightmargin="5">
<br>
<h1>CSSボタン</h1>
ボタンがいろいろ
<br><br>
ボタン１
<input type="submit" name="btn1" value="詳" class="btn1">
<br><br>
ボタン２
<input type="submit" name="btn2" value="詳細" class="btn2">
<br><br>
ボタン３
<input type="submit" name="btn3" value="実行" class="btn3">
<br><br>
ボタン４
<input type="submit" name="btn3" value="実行" class="btn4">
</body></html>
0 件のコメント:
コメントを投稿