ホームページ >ウェブフロントエンド >htmlチュートリアル >共通 CSS_html/css_WEB-ITnose
.login_top_bg {
background-image: url(/pcssc/images/login/login-top-bg.gif);
background-repeat:repeat-x;//画像のタイリング モードを定義します
}
。 body {
background-color: #EEF2FB;
left: 0px;//left 属性は要素の左端を指定します。この属性は、位置決めされた要素の左マージン端と、それを含むブロックの左端の間のオフセットを定義します
top: // top 属性は要素の上端を指定します。この属性は、位置決めされた要素の上マージン境界とその要素を含むブロックの上境界の間のオフセットを定義します
right: // right 属性は要素の右端を指定します。この属性は、配置された要素の右マージン端と、それを含むブロックの右端の間のオフセットを定義します
bottom: //bottom 属性は要素の下端を指定します。このプロパティは、配置された要素の下マージンの端と、それを含むブロックの下端との間のオフセットを定義します
}
.login-buttom-bg {
background-image: url(/pcssc/images/login/login-buttom) -bg .gif);//background-image 属性は要素の背景画像を設定します
background-repeat:repeat-x;
}
.login-buttom-txt {
font-family: Arial、Helvetica、sans-serif ;
font- size: 10px;
color: #ABCAD3;
text-decoration: none;//text-decoration 属性は、テキストに追加される装飾を指定します。
line-height: 20px;
}
.login_txt {
font -family: Arial、Helvetica、sans-serif;
font-size: 12px;
line-height: 25px;
color: #333333;
}
.Submit {
font-family: Arial、Helvetica、sans-serif;
フォントサイズ: 12px;
カラー: #629DAE;
テキスト装飾: なし;
背景画像: url(Submit_bg.gif);
背景-繰り返し: 繰り返し-x;
}
.login_bg {
背景-画像: url(/ pcssc/images/login/login_bg.jpg);
背景-リピート: リピート-x;
}
.login_bg2 {
背景-画像: url(/pcssc/images/login/login-content-bg .gif);
背景-繰り返し: 繰り返しなし;
背景-位置: 右;
}
.admin_txt {
フォントファミリー: Arial、Helvetica、sans-serif;
フォントサイズ: 12px;
カラー: #FFFFFF;
テキスト - 装飾: なし;
幅: 100%;
行の高さ: 38 ピクセル;
行の高さ: 25 ピクセル;
色: #666666;
フォントの太さ: 太字;
}
.admin_topbg {
背景-画像: url(/pcssc/images/login/top-right .gif);
背景-繰り返し: 繰り返し-x;
}
.txt_bt {
font-family: Arial、Helvetica、sans-serif;
font-size: 12px;
line-height: 25px;
font-weight : 太字;
color: #000000;
text-decoration: none;
}
.left_topbg {
背景画像: url(/pcssc/images/login/content-bg.gif);
背景-繰り返し: 繰り返し x;
}
.admin_toptxt {
フォントファミリー: Arial 、Helvetica、サンセリフ;
font-size: 12px;
color: #4A8091;
height: 18px;
width: 100%;
overflow: hidden;
Position: 锟斤コピー;
}
.left_bt {
font-family: Arial、Helvetica、sans-serif;
font-size: 14px;
font-weight: 太字;
color: #395a7b;
.left_bt2 {
font-family: Arial、Helvetica、sans-セリフ;
font-size: 12px;
line-height: 25px;
font-weight: 太字;
color: #333333;
}
.titlebt {
font-size: 12px;
line-height: 26px;
フォントの太さ: 太字;
カラー: #000000;
背景画像: url(top_bt.jpg);
背景-繰り返し: no-repeat;
表示: ブロック;
テキスト-インデント: 15px;
パディング-トップ: 5px;
}
.left_txt {
font-family: Arial、Helvetica、sans-serif;
font-size: 12px;
line-height: 25px ;
color: #666666;
.left_txt2 {
font -ファミリー: Arial、Helvetica、サンセリフ;
font-size: 12px;
line-height: 25px;
color: #000000;
}
. nowtable {
background-color: #e1e5ee;
border-top-幅: 1px;
ボーダー右幅: 1ピクセル;
ボーダー下幅: 1ピクセル;
ボーダー左幅: 1ピクセル;
ボーダートップスタイル: ソリッド;
ボーダートップカラー: #bfc4ca;
border-right-color: #bfc4ca;
border-bottom-color: #bfc4ca;
border-left-color: #bfc4ca;
}
.left_txt3 {
font-family: Arial、Helvetica、sans-serif;
フォントサイズ: 12px;
line-height: 25px;
color: #003366;
text-decoration: none;
}
.left_ts {
font-family: Arial、Helvetica、sans-serif;
font-size: 12px;
line-height: 25px;
font-weight: 太字;
color: #FF6600;
}
.line_table {
境界線: 1px 実線 #CCCCCC;
}
.sec1 {
カーソル: 手;
COLOR: #000000;
font-family: Arial、Helvetica、sans-serif;
font-size: 12px;
line-height: 25px;
ボーダー: 1 ピクセルのソリッド #B5D0D9;
背景画像: url(right_smbg.jpg);
背景リピート: リピート-x;
}
.sec2 {
フォントの重み: 太字;
カーソル: 手;
COLOR: #000000;
font-family: Arial、Helvetica、sans-serif;
font-size: 12px;
line-height: 25px;
background-color: #e2e7ed;
border: 1pxソリッド #e2e7ed;
}
.main_tab {
COLOR: #000000;
BACKGROUND-COLOR: #e2e7ed;
border: 1px Solid #e2e7ed;
}
.MM a {
font-family: Arial、Helvetica、sans-serif;
font-size : 12px;
行の高さ: 26 ピクセル;
カラー: #666666;
背景画像: url(menu_bg.gif);
背景-繰り返し: no-repeat;
リスト スタイル タイプ: なし;
リスト スタイル-image: none;
}
a:link {
font-size: 12px;
line-height: 25px;
color: #333333;
text-decoration: none;
}
a:hover {
font-size : 12px;
line-height: 25px;
color: #666666;
text-decoration: none;
}
a:visited {
font-size: 12px;
line-height: 25px;
color: #333333;
text-decoration: none;
}
.MM a:link {
font-family: Arial、Helvetica、sans-serif;
font-size: 12px;
line-height: 26px;
color: #666666 ;
背景画像: url(menu_bg.gif);
背景繰り返し: 繰り返しなし;
リスト スタイル タイプ: なし;
リスト スタイル イメージ: なし;
}