亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

企業網站綜合布局實戰

zkpplpp PHP開發工程師
難度初級
時長 2小時55分
學習人數
綜合評分9.73
544人評價 查看評價
9.8 內容實用
9.8 簡潔易懂
9.6 邏輯清晰
myfocus下載不了。。
li { list-style-type:none; float:left; width:60px; height:30px; line-height:30px; text-align:center; }
li a { text-decoration:none; color:#000000; }
li a:hover{ display:block; width:60px; height:30px; background:#FF0000; color:#FFFFFF; text-align:center; }
背景下劃線用圖片的話在瀏覽器上有縫隙，可以直接在top上設置border-bottom.
top_centent設置margin-left:80%,字就不用反方向調整了。
為什么那個轉圈的緩沖圖片還會動！?。?？
.newsBox{}
.newsTitle{text-align:center;font-size:20px;}
.newsInfo{text-align:center;font-size:12px;border-bottom:2px solid #ccc;color:#8e8e8e;}
.newsContent{font-size:14px;text-indent:2em;line-height:25px;}
p img{margin:0 auto;display:block;}
$(function(){
$(".page a").bind('click',function(){
$(".page a").removeClass('on');
$(this).addClass('on');
});

});
.page li{list-style-type:none;float:left;}
.page li a{padding:2px 6px;border:1px solid #ccc;margin:0 5px;font-size:14px;font-family:'微軟雅黑';text-decoration:none;}
.page li a:link,.page li a:visited{color:#000;}
.on,.page li a:hover,.page li a:active{background:red;color:white;}
<style type="text/css">
.mybox { width:183px; height:88px; border:1px solid red; padding-left:15px; margin-top:10px; }
</style> 這樣是對的，height100px-2px邊框-10px(margin-top)=88px,width183px同理，-2px邊框，-15px的padding-left
VVVVv
nice work.
li{list-style-type:none;
float:left;
text-align:center;
width:50px;
height:30px;
}
li a{display:block;
padding:5px 0px;
}
a:link,a:visited{
text-decoration:none;
color:#000;
}
a:hover,a:active{
text-decoration:none;
color:#fff;
background-color:#BE3948;
}
<ul>
<li>首頁</li>
<li>課程中心
<ul>
<li>Web前端
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
</li>
<li>Android開發</li>
<li>PHP開發</li>
</ul>
</li>
</ul>
.myBox{ width:183px; height:98px; border:1px solid #f00; margin-top:10px; padding-left:15px;}
首頁上一頁102103104105106107108下一頁尾頁
課程須知
1. 您已具備HTML 常用標簽和屬性。 2. 您已具備CSS 常用屬性和值。 3. 您想提升網頁布局技能。
老師告訴你能學到什么？
1.CSS中盒子模型的使用 2.網頁三列布局方法 3.兩列自適應高度布局方法 4.幻燈片切換效果的制作方法 5.導航菜單的制作方法

微信掃碼，參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消