課程
/前端開發(fā)
/HTML/CSS
/網(wǎng)頁簡(jiǎn)單布局之結(jié)構(gòu)與表現(xiàn)原則
編程挑戰(zhàn)，為什么我的還有半透明的白色框
2016-10-12
源自：網(wǎng)頁簡(jiǎn)單布局之結(jié)構(gòu)與表現(xiàn)原則 3-3
正在回答
完整代碼，拿走不謝
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>圖片背景</title>
<style type="text/css">
body{ margin:0;}
div{background:#460E29;width:700px;padding:20px}
img{width:95px;height:95px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); padding:1px 20px 37px 30px;margin-right:10px;}
</style>
</head>
<body>
<div><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" />
? ? <img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" />
? ? <img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /> </div>
</body>
</html>
margin:21px 30px 37px40px; ? ? ?float:left;
margin值設(shè)置的不夠精準(zhǔn)，間距值計(jì)算少了
舉報(bào)
入門必殺技之結(jié)構(gòu)與表現(xiàn)相分離，課程會(huì)有3個(gè)案例，不同角度講解
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-09-17
完整代碼，拿走不謝
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>圖片背景</title>
<style type="text/css">
body{ margin:0;}
div{background:#460E29;width:700px;padding:20px}
img{width:95px;height:95px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); padding:1px 20px 37px 30px;margin-right:10px;}
</style>
</head>
<body>
<div><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" />
? ? <img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" />
? ? <img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" />
? ? <img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /> </div>
</body>
</html>
2016-10-12
margin:21px 30px 37px40px; ? ? ?float:left;
2016-10-12
margin值設(shè)置的不夠精準(zhǔn)，間距值計(jì)算少了