<div id="header">?<div class="logbar">?<div class="blank12"> </div>?<form class="s1" id="form1"> 用戶名：<input type="text" value="會員" onFocus="if(value==''){return '會員'}" onBlur="if(value=='會員'){return ''}">?密碼：<input type="text">?<a href="#">用戶注冊</a> <a href="#">忘記密碼</a> </form>?<ul class="right"> <li>收藏本站</li> <li>設為首頁</li> </ul> </div>?css代碼： #header{width:960px;margin:0 auto;} #form1{width:650px;line-height:22px;float:left;font-size:15px;display:inline;} .logbar ul{ float:right; width:180px; height:20px; display:inline; } .logbar li{float:right; list-style:none; text-align:right; line-height:22px; width:75px; } .logbar{width:960px; height:32px; }?
5 回答
慕的地6079101
TA貢獻3593條經驗 獲得超0個贊
古脎幀
地溽匿
瘡甭輟
漠渭瞳
噶矽柬
湘塍秣
鳴澌捋
嘸脹頒
草脾飼
捍坩疴
罕瘊犧
砂腕豹
矯迄桁
徜吠乎
嗷坍卟
暈痛熙
胺剁柝
朧菲準
成岳門
鏝唐豹
齔椐嚇
矩峻乎
搽乏褓
彤鴆眉
亮窀猖
倮撇蒔
淘痙天
萄遇癃
芐痧莩
足裥縮
晃杲綮
誅語葡
勝怎黨
饃耬嚆
哲耵锨
粘菊翥
宀鄆囔
嗯轅菩
存裴槌
邢抖患
夕縮嘭
綜嗾扼
簏硯刂
織氏雇
饅患狳
藁躪侈
鹽貂昝
嵬暑燭
萼敏鬧
吧矗吖
燔膽忘
篡堯抱
黝獅玳
髖噥膿
磕監鷸
昌道呋
擲鋏裹
矚揮墜
瑟假劈
逅懋邕
徂畛蚊
馥緬候
涔渾鹱
漕靨悟
稠跖秉
銚釧栲
旅啐好
餌啷瘰
嘻底蘢
漣躑嘶
鈴陸枳
唁叻臟
鑷嘟履
藹侏牖
趟露近
哭眉羿
陷嘍嘜
損嗷撾
是斛腴
陟屬左
qq_啊啦嘞_0
TA貢獻8條經驗 獲得超50個贊
1）ul標簽有默認的margin值，因此需要設置ul{margin:0;}
????建議：在寫CSS樣式的開始，將所有的默認樣式清除掉，例如h1-h6,ul,li,input等標簽；
2）我的代碼
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ? <title>自動展開</title>
? ? <style type="text/css"> ? /*設置廣告和正文的CSS樣式*/
? #header{width:960px;margin:0 auto;}?
? #form1{width:650px;line-height:22px;float:left;font-size:15px;display:inline;}?
? .logbar ul{ float:right; width:180px; height:20px; display:inline; }?
? .logbar li{float:right; list-style:none; text-align:right; line-height:22px; width:75px; }?
? .logbar{width:960px; height:32px; }?
? ul,li,form{margin:0;}
? ? </style>
? ??
</head>
<body>
<div class="logbar">?
<div class="blank12"> </div>?
<form class="s1" id="form1"> 用戶名：<input type="text" value="會員" onFocus="if(value==''){return '會員'}" onBlur="if(value=='會員'){return ''}">?
密碼：<input type="text">?
<a href="#">用戶注冊</a> <a href="#">忘記密碼</a> </form>
?<ul class="right"> <li>收藏本站</li> <li>設為首頁</li> </ul> </div>
</body>
</html>
-
慕粉4240002<div id="header"> <div class="logbar"> <div class="blank12"> </div> <form class="s1" id="form1"> 用戶名：<input type="text" value="會員" onFocus="if(value==''){return '會員'}" onBlur="if(value=='會員'){return ''}"> 密碼：<input type="text"> <a href="#">用戶注冊</a> <a href="#">忘記密碼</a> </form> <ul class="right"> <li>收藏本站</li> <li>設為首頁</li> </ul> </div> css代碼： #header{width:960px;margin:0 auto;} #form1{width:650px;line-height:22px;float:left;font-size:15px;display:inline;} .logbar ul{ float:right; width:180px; height:20px; display:inline; } .logbar li{float:right; list-style:none; text-align:right; line-height:22px; width:75px; } .logbar{width:960px; height:32px; } 試了好久，實在不知道問題出在哪里，希望能幫幫忙看看
-
慕粉4240002#header{width:960px;margin:0 auto;} .logbar{width:960px; height:32px; } #form1{width:650px;line-height:22px;float:left;font-size:15px;} .logbar ul{ float:right; width:180px; height:20px; } .logbar li{float:right; list-style:none; text-align:right; line-height:22px; width:75px; } 這是我寫的CSS代碼
- 5 回答
- 0 關注
- 2620 瀏覽
添加回答
舉報
0/150
提交
取消