課程
/前端開發
/HTML/CSS
/手把手從0打造電商網頁開發
從ul li 開始就沒有效果產生了
2022-04-14
源自:手把手從0打造電商網頁開發 3-2
正在回答
.nav {
? ? height: 30px;
? ? background: #e3e4e5;
? ? border-bottom: 1px solid #ddd;
}
.nav-box {
? ? margin: 0px auto;
? ? width: 1190px;
? ? text-align: right;
.nav-box ul li {
? ? display: inline-block;
? ? padding: 0px 10px;
? ? font-size: 12px;
? ? line-height: 30px;
? ? position: relative; /*相對定位*/
.nav-box ul li a {
? ? color: #999999;
? ? text-decoration: none;
.nav-box ul li:not(:last-child):after {
? ? content: "";
? ? width: 1px;
? ? height: 14px;
? ? background: #cccccc;
? ? position: absolute; ?/*絕對定位*/
? ? top: 8px;
? ? right: 0px;
? ? display: block;
position沒有寫,布局不生效
舉報
手把手教你實現電商網站開發之高仿京東商城網頁
1 回答用的是什么編譯器啊
1 回答我寫的代碼怎么 打不開,有沒有人出來解釋一下
2 回答老師,vs code左下方怎么是怎么拉出來Chrome瀏覽器的
2 回答我下載的vs code是英文版的,怎么辦
1 回答為什么我的居中效果顯示不出來,代碼沒有問題。
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2022-08-04
.nav {
? ? height: 30px;
? ? background: #e3e4e5;
? ? border-bottom: 1px solid #ddd;
}
.nav-box {
? ? margin: 0px auto;
? ? width: 1190px;
? ? text-align: right;
}
.nav-box ul li {
? ? display: inline-block;
? ? padding: 0px 10px;
? ? font-size: 12px;
? ? height: 30px;
? ? line-height: 30px;
? ? position: relative; /*相對定位*/
}
.nav-box ul li a {
? ? color: #999999;
? ? text-decoration: none;
}
.nav-box ul li:not(:last-child):after {
? ? content: "";
? ? width: 1px;
? ? height: 14px;
? ? background: #cccccc;
? ? position: absolute; ?/*絕對定位*/
? ? top: 8px;
? ? right: 0px;
? ? display: block;
position沒有寫,布局不生效