第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

為什么還是沒有自適應(yīng)的效果

為什么菜單項的寬度還是沒有根據(jù)內(nèi)容自適應(yīng)寬度????

正在回答

5 回答

剛剛試了一下圖片,也是可以的,除了按鈕的左右兩邊用左右對齊以外,其他部分用背景顏色填充,就可以達到寬度自適應(yīng)了,代碼如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</title>
<style type="text/css">
body ul li {margin: 0px; padding: 0px; font-size: 12px;border-bottom:1px solid #21530C; }
ul { list-style-type: none; height: 40px; width:500px; }
li { float: left; }
a{border-radius:5px; display:inline-block; padding:15px; text-decoration:none; }

a:hover{color:#fff;background:url(http://img1.sycdn.imooc.com//5385882d0001030900080027.jpg) no-repeat right;background-color:#21530c;}
</style>
</head>
<body>
<ul>
??? <li><a href="#" class="ac"><span>首頁</span></a></li>
??? <li><a href="#"><span>最新產(chǎn)品</span></a></li>
??? <li><a href="#"><span>內(nèi)部新聞</span></a></li>
??? <li><a href="#"><span>聯(lián)系我們聯(lián)系房頂上體會過投入工會 我們</span></a></li>
</ul>
</body>
</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

用CSS3,圖片素材不完整,且長度有限制,他只是能很好的交互而已,代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</title>
<style type="text/css">
body ul li {margin: 0px; padding: 0px; font-size: 12px; }
ul { list-style-type: none; height: 27px; width:500px;border-bottom:5px solid #21530C;
}
li { float: left; margin:0;padding:0;}

li a{height:27;
??? text-align:center;
??? text-decoration:none;
??? color:#000;
??? padding:10px ;
?? ?
}
li a:hover{
??? border:#21530c 3px solid;
??? border-radius:5px 5px 0 0;
??? background:#21530c;
??? color:#fff;
}


</style>
</head>
<body>
<ul>
??? <li><a href="#" class="ac"><span>首頁</span></a></li>
??? <li><a href="#"><span>最新產(chǎn)品</span></a></li>
??? <li><a href="#"><span>內(nèi)部新聞</span></a></li>
??? <li><a href="#"><span>聯(lián)系我們</span></a></li>
</ul>
</body>
</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~
<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN"?"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無標(biāo)題文檔</title>
<style?type="text/css">
body?ul?li?{margin:?0px;?padding:?0px;?font-size:?12px;?}
ul?{?list-style-type:?none;?height:?27px;?width:500px;border-bottom:2px?solid?#21530C}
li?{?float:?left;?}
a{	
	display:inline-block;height:25px;line-height:25px;margin-left:15px;text-decoration:none;
????background:url(http://img1.sycdn.imooc.com//538588030001c52300090027.jpg)?no-repeat;padding-left:8px;
}
a?span{
????display:inline-block;height:25px;
????background:url(http://img1.sycdn.imooc.com//5385882d0001030900080027.jpg)?right??0;padding-right:8px;
}

</style>
</head>
<body>
<ul>
????<li><a?href="#"><span>首頁</span></a></li>
????<li><a?href="#"><span>最新產(chǎn)品</span></a></li>
????<li><a?href="#"><span>內(nèi)部新聞</span></a></li>
????<li><a?href="#"><span>聯(lián)系我們</span></a></li>
</ul>
</body>
</html>


0 回復(fù) 有任何疑惑可以回復(fù)我~
<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN"?"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無標(biāo)題文檔</title>
<style?type="text/css">
body?ul?li?{margin:?0px;?padding:?0px;?font-size:?12px;?}
ul?{?list-style-type:?none;?height:?27px;?width:500px;border-bottom:2px?solid?#21530C}
li?{?float:?left;?}
a{	
	display:inline-block;height:25px;line-height:25px;margin-left:15px;text-decoration:none;
????background:url(http://img1.sycdn.imooc.com//538588030001c52300090027.jpg)?no-repeat;padding-left:8px;
}
a?span{
????display:inline-block;height:25px;
????background:url(http://img1.sycdn.imooc.com//5385882d0001030900080027.jpg)?right??0;padding-right:8px;
}

</style>
</head>
<body>
<ul>
????<li><a?href="#"><span>首頁</span></a></li>
????<li><a?href="#"><span>最新產(chǎn)品</span></a></li>
????<li><a?href="#"><span>內(nèi)部新聞</span></a></li>
????<li><a?href="#"><span>聯(lián)系我們</span></a></li>
</ul>
</body>
</html>


0 回復(fù) 有任何疑惑可以回復(fù)我~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</title>
<style type="text/css">
body ul li {margin: 0px; padding: 0px; font-size: 12px; }
ul { list-style-type: none; height: 27px; width:500px;border-bottom:2px solid #21530C}
li { float: left; }
a{
display:inline-block;height:25px;line-height:25px;margin-left:15px;text-decoration:none;
? ?background:url(http://img1.sycdn.imooc.com//538588030001c52300090027.jpg) no-repeat;padding-left:8px;
}
a span{
? ?display:inline-block;height:25px;
? ?background:url(http://img1.sycdn.imooc.com//5385882d0001030900080027.jpg) right ?0;padding-right:8px;
}

</style>
</head>
<body>
<ul>
? ?<li><a href="#"><span>首頁</span></a></li>
? ?<li><a href="#"><span>最新產(chǎn)品</span></a></li>
? ?<li><a href="#"><span>內(nèi)部新聞</span></a></li>
? ?<li><a href="#"><span>聯(lián)系我們</span></a></li>
</ul>
</body>
</html>


0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消
按鈕特效
  • 參與學(xué)習(xí)       51384    人
  • 解答問題       239    個

WEB前端開發(fā)必備能力,課程分為二個實例講解,讓你牢牢掌握

進入課程

為什么還是沒有自適應(yīng)的效果

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號