の効果を示す簡単なHTMLページ、ページを追跡するために学習の学習過程で自分自身：
>>>ソースコードを次のように
<！DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8" />
<タイトル>ログイン</ TITLE>
<スタイル>
* {マージン：0PX。
パディング：0PX。
}
#bj {
背景画像：のURL（
./ms01.jpg
）。
背景リピート：なしリピート;
背景サイズ：100％;
}
#login_box {
幅：400ピクセル;
高さ：自動;
背景：＃00000060。
マージン：自動;
マージントップ：13％;
テキスト整列：センター;
パディング：20ピクセルは50px;
色：#FFF;
}
#login_box .FORM .nameの{
パディング：10pxの;
}
#login_boxの.FORMの.nameの入力{
幅：180ピクセル;
フォントサイズ：18px;
ボーダー：0;
border-bottom：固体#FFF 3px;
背景：＃FFFFFF00。
パディング：5pxの10pxの;
色：#FFF;
}
#login_boxの#tj {
マージントップ：20ピクセル;
幅：160ピクセル;
高さ：20ピクセル;
}
{#tj
ボーダー：0PX。
国境半径：15ピクセル;
背景画像：リニアグラジエント（右へ、＃00dbde 0％、100％fc00ff＃）。
}
</スタイル>
</ head>の
<本体ID = "BJ">
<DIV ID = "login_box">
<H1>ログイン</ H1>
<のdivクラス= "フォーム">
<のdivクラス= "名前">
<I> </ I>
<input type = "text" プレースホルダ= "ユーザ名">
</ div>
<のdivクラス= "名前">
<I> </ I>
<input type = "text" プレースホルダ= "パスワード">
</ div>
</ div>
<ボタンID = "TJ">ログイン</ボタン>
</ div>
</ BODY>
</ HTML>
注：要素赤の背景には、同じフォルダ内の画像であるフォルダをアップロードすることはできませんので、これだけ絵の下に配置されたソースコードを、アップロードします。
