⑴ 求一個簡單的登錄界面CSS代碼
<div id="zuo">
<!--<input type="button" value="往左" class="y">-->
<h1>登 陸</h1>
<form method="post" action="ok.html">
<p class="form_zh"><input type="text" placeholder="請輸入賬號" class="form_zh_y" autofocus = "autofocus" required = "required"></p>
<p class="form_mm"><input type="password" placeholder="請輸入密碼" class="form_zh_e" required = "required"></p>
<input type="submit" value="登 錄" class="form_dl">
</form>
<p class="qtfsdl"><span><img src="images/weixin.jpg" />微信登陸</span><span><img src="images/QQ.jpg" />QQ登陸</span></p>
<p class="qtfsdr"><img src="images/frm_xia.jpg"/></p>
<p class="y">注 冊</p>
<!--<div class="y1" style="position: absolute;top:250px;left: -159px;width: 260px;height: 47px;background: red;opacity: 0.5;"></div>-->
</div>
#zuo{
width: 500px;
height: 540px;
background: white;
position: absolute;
top: calc(50% - 250px);
left:calc(50% - 250px);
color: #292929;
}
#zuo h1,#you h1{margin-top:30px;font-weight: bold;text-align: center;margin-bottom: 30px;}
⑵ 有沒有好看的CSS的導航欄代碼
摘星導航
javascript:window.top.space_addItem(13,5145,0,0,200,600,0);
流金歲月導航
javascript:window.top.space_addItem(13,5330,0,0,200,600,0);
深海奧妙導航
javascript:window.top.space_addItem(13,5003,0,0,200,600,0);
豎著的導航
javascript:window.top.space_addItem(13,1,100,80,0,0,94);
免費導航
javascript:window.top.space_addItem(13,9114,0,0,200,600,0);
⑶ 用html和css做一個網頁
1，打開記事本，並在其中輸入必要信息，完整代碼如下：
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title>
<body><header><img src="molihua.jpg"width="412" height="291"</header> <article> <header> <h2>茉莉花</h2> <p>作者：宋 · 劉克庄 </p> </header> <hr/> <p>曾與瑤姬約。恍相逢、翠裳搖曳，珠韝聯絡。風露青冥非人世，攬結玉龍驂鶴。
愛萬朵、千條纖弱。
禱祝花神憐惜取，問開時、晴雨須斟酌。枝上雪，莫消卻。
惱人匹似中狂葯。
憑危欄、燭光交映，樂聲遙作。身上春衫香薰透，看到參橫月落。
算茉莉、猶低一著。坐有緱山王郎子，倚玉簫、度曲難為酢。君不飲，鑄成錯。</p><h3>清平樂</h3><p>冰輪萬里。雲卷天如洗。先向海山生大士。卻誕卯金之子。冰盆荔子堪嘗。膽瓶茉莉尤香。震旦人人炎熱，補陀夜夜清涼。</p><dl><dt>《浣溪沙》</dt><dd>南國幽花比並香。直從初夏到秋涼</dd><dt>《鷓鴣天》</dt><dd>攜靚侶，泛輕航。棹歌驚起野鴛鴦</dd><dt>《真珠簾》</dt><dd>茉莉芰荷香，拍滿笙簫院。</dd>
</dl></article> <footer>2019.9.6</footer> </body></html>
啟動瀏覽器運行後，大家會發現界面並不美觀，文字看著也比較亂。
為了解決這個問題，可以在界面添加css規則，讓界面更好看，更標准化，將下面的代碼塊添加到記事本中，位置在<head>和<head/>也就是頭部之間：
<style type="text/css">body{ background:gray;} h2{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } </style>