■スタイルシートヘルプ


スタイルシートを自由に変更できます



青枠で囲まれている部分　[フォーム]

緑枠で囲まれている部分　[本文]

ID
#tit1,#tit2
#it1〜#it4
a:link,a:visited,a:active {
color: #333333;　/*リンク色*/
text-decoration: none;　/*下線の無いリンク*/
}
a:hover {
color: #00fa9a;　/*リンク色[マウスオーバー]*/
text-decoration: none;　/*下線の無いリンク*/
}
body {
color: #333333;　/*文字色[基本色]*/
background-color: #ffffff;　/*背景色[基本色]*/
background-image: url();　/*背景画像アドレス(bg.jpg)*/
background-repeat: no-repeat;　/*背景画像並べかた*/
repeat-x(横方向に並べる) repeat-y(縦方向に並べる)　no-repeat(ひとつだけ表示する)

background-attachment: fixed;　/*背景画像スクロールした時の動作*/
scroll(スクロールする)　fixed(スクロールしない)

background-position: top left;　/*背景画像位置*/
top(上端)　center(中央)　bottom(下端)
left(左端)　center（中央)　right（右端)
font-size: 9pt;　/*文字サイズ*/
font-family: Times,"Times New Roman","ＭＳ ゴシック";　/*フォントの種類*/
line-height: 150%;　/*文字の行間*/

[スクロールバーの色を指定します。IE5.5 以降で使用可能 Netscape不可]
scrollbar-track-color: #000000;　/*スクロールバーの背景色*/
scrollbar-face-color: #000000;　/*スクロールバーの表面の色*/
scrollbar-shadow-color: #333333;　/*スクロールバー内側の影の色*/
scrollbar-darkshadow-color: #444444;　/*スクロールバー外側の影の色*/
scrollbar-highlight-color: #333333;　/*スクロールバー内側のハイライト色*/
scrollbar-3dlight-color: #444444;　/*スクロールバー外側のハイライト色*/
scrollbar-arrow-color: #ffffff;　/*スクロールバーの矢印の色*/
}
[本文緑枠で囲まれている部分]
table,td {
color: #333333;　/*文字色[本文]*/
font-size: 9pt;　/*文字サイズ[本文]*/
width: 470px;　/*横幅[本文]*/
border: #dddddd 1px solid;　/*枠の色　枠の太さ[本文]*/
background-color: #;　/*背景色[本文]*/
}
[フォーム青枠で囲まれている部分]
.ftb{
color: #333333;　/*文字色[フォーム]*/
font-size: 9pt;　/*文字サイズ[フォーム]*/
width: 430px;　/*横幅[フォーム]*/
border: #cccccc 0px solid;　/*枠の色　枠の太さ[フォーム]*/
background-color: #;　/*背景色[フォーム]*/
}
[入力フォーム全般]
.inp {
color: #ffffff;　/*文字色[インプット]*/
background-color: #000000;　/*背景色[インプット]*/
border: #888888 1px solid;　/*枠の色　枠の太さ[インプット]*/
}
[#tit1-#tit2]
#tit1,#tit2{
background-color: #cccccc;　/*背景色[#tit1,#tit2]*/
/*IE4.0 以降で使用可能 Netscape不可*/
filter: Alpha(opacity=70);　/*透明度[#tit1,#tit2]*/
}
[#it1-#it4]
#it1{
width: 350px;　/*横幅[#it1]*/
}
#it2{
width: 430px;　/*横幅[#it2]*/
height: 150px;　/*高さ[#it2]*/
}
#it3{
width: 280px;　/*横幅[#it3]*/
}
#it4{
width: 350px;　/*横幅[#it4]*/
}
[セレクトボックス]
.sele {
color: #ffffff;　/*文字色[セレクトボックス]*/
background-color: #000000;　/*背景色[セレクトボックス]*/
}
[ボタン]
.btn {
color: #ffffff;　/*文字色[ボタン]*/
background-color: #000000;　/*背景色[ボタン]*/
border: #888888 1px solid;　/*枠の色　太さ[ボタン]*/
font-size: 10px;　/*文字サイズ[ボタン]*/
font-family: Times,"Times New Roman","ＭＳ ゴシック";　/*フォントの種類*/
}
[水平線]
hr {
color: #000000;　/*水平線色*/
/*IE4.0 以降で使用可能 Netscape不可*/
filter: Alpha(Opacity=100,FinishOpacity=0,style=2);　/*水平線グラデーション*/
}
[管理画面 タイトルのサイズ(1-6)]
H1 {
font-size: 18pt;
}
H2 {
font-size: 15pt;
}
H3 {
font-size: 12pt;
}
H4 {
font-size: 8pt;
}
H5 {
font-size: 7pt;
}
H6 {
font-size: 6pt;
}