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

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

企業網站綜合布局實戰

zkpplpp PHP開發工程師
難度初級
時長 2小時55分
學習人數
綜合評分9.73
544人評價 查看評價
9.8 內容實用
9.8 簡潔易懂
9.6 邏輯清晰
li{float:left;width:50px;
list-style-type:none;
text-align:center;
line-height:40px;
}
a:active,a:visited,a:hover,a:link{
text-decoration:none;
}
a:visited,a:link{
color:black;
}
a:hover
{
background-color:red;
width:50px;
height:40px;
color:#FFF;
display:block;
}
<h2> 520 慕女神喊你來表白</h2><p>活動時間:5月20日-5月25日<br>獲獎公布時間:5月26日<br>Learn More>></p>
老師這個方法挺簡單的,如果不想倒過來可以用flex布局。
.top_content ul{
list-style-image: url(../images/li_bg.gif);
display: flex;
justify-content: flex-end;
line-height: 27px;
}
.top_content li{
width: 70px;
}
.box_mid li{float:left;list-style-type:none;width:50px;font-size:16px;text-align:center;}
.box_mid a:link, .box_mid a:visited{color:black;display:block;text-decoration: none;}
.box_mid a:hover, .box_mid a:active{display:block;background-color:#900;text-decoration: none;overflow:hidden;}
設了兩個盒子,大概這樣吧
真的是醉了,還好來這邊看了各位的評論!我說怎么nav_mid對不齊!懷疑人生!
加個p是不是畫蛇添足
挺不錯的,講的很詳細,也比較易懂
很棒。。。。
采用百分比,為了代碼的復用
none
disc
cercle
square
總體非常好,就是忽略了如何裁圖和各種尺寸的測量過程
很不錯,跟著做了一遍感覺之前不懂的知識差不多都理解了!建議初學者去學習
塊元素和內聯元素的基本差異是塊元素一般都從新行開始。而當加入了CSS控制以后,塊元素和內聯元素的這種屬性差異就不成為差異了。我們可以通過設置display屬性實現塊級元素和內聯元素的相互轉變。
.myBox {
width:183px;
height:98px;
border:1px solid red;
padding-left:15px;
margin-top:10px;
}

正確答案,盒子寬度不包含外邊距,但包含內邊距跟邊框
可以用QQ截圖去量一下實際寬度!
課程須知
1. 您已具備HTML 常用標簽和屬性。 2. 您已具備CSS 常用屬性和值。 3. 您想提升網頁布局技能。
老師告訴你能學到什么?
1.CSS中盒子模型的使用 2.網頁三列布局方法 3.兩列自適應高度布局方法 4.幻燈片切換效果的制作方法 5.導航菜單的制作方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消