CSS フォームの効果_経験の交換

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>阿会楠著、2008-12-4</title> <script language="javascript" type="text/javascript"> //js辅助 window.onload = function(){ var initleft = 200;// 初始化第一个定位 var lis = document.getElementById("menu").getElementsByTagName("li"); for(var i = 0;i < lis.length;i++){ lis[i].style.left = initleft + i*100 + "px"; } } </script><style type="text/css"> *{ フォントサイズ:12px; パディング:0; マージン:0; } 体{ テキスト整列:中央; } #reg{ マージン:0 自動; 幅:600ピクセル; 背景:#cccccc; 高さ:500ピクセル; } h6{ 背景:黒; 高さ:28ピクセル; 色:白; テキスト整列:左; 行の高さ:28px; パディング左:3px; } ＃メニュー{ 高さ:30ピクセル; テキスト整列:左; パディングトップ:15px; パディング左:10px; オーバーフロー:非表示; } リ{ リストスタイルタイプ:なし; } #メニューリ{ フロート:左; 色:緑; 高さ:30ピクセル; パディング:0 5px; 行の高さ:30px; マージン左:20px; 位置:絶対; } 。現在{ ボーダー:1px 青一色; ボーダーボトム:0; 背景:白; } ＃コンテンツ{ ボーダー:1px 青一色; 高さ:400ピクセル; マージン:8px; マージントップ:0; 背景:白; パディング:10ピクセル; } #コンテンツDL{ ボーダートップ:1px ソリッド #ccc; ボーダー左:1px ソリッド #ccc; 幅:560ピクセル; 高さ:116ピクセル; } #コンテンツ dl dd,#コンテンツ dl dt{ ボーダー右:1px ソリッド #cccccc; ボーダーボトム:1px ソリッド #cccccc; 高さ:28ピクセル; } #コンテンツDLdt{ 幅:200ピクセル; フロート:左; テキスト整列:右; パディング右:3px; 背景:#F0F0F0; 行の高さ:28px; } #コンテンツDLDD{ 幅:352ピクセル; フロート:左; テキスト整列:左; パディング左:3px; } /*兼容ie 6.0*/ #コンテンツ dl dd div{ パディングトップ:3px; } </スタイル> <本文> <div id="reg"> <h6>欢迎您注册玩具购会员！ <div id="メニューボックス"> <ul id="メニュー"> <li style="left:200px;">确认服务条款 <li class="current" style="left:300px;">选择用户名 <li style="left:400px;">选择用户型 <li style="left:500px;">充填写详细资料 </style>

用户名

秘密

确认秘密