課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
切割圖片的寬度是什么意思 ?不太明白。。。。
2017-11-14
源自：十天精通CSS3 2-4
正在回答
就是切邊。好比你現(xiàn)在給相片鑲框，給你一塊完整的木板（背景圖片），是按尺寸從木板的四個(gè)邊來切的。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>邊框圖片</title>
<style>
#border_image {
? ? margin:0 auto;
height:100px;
line-height:100px;
text-align:center;
font-size:30px;
width:450px;
border:15px solid #ccc;
? ? border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 25 22 repeat;
}
</style>
</head>
<body>
<div id="border_image">
請(qǐng)為我鑲嵌上漂亮的畫框吧
</div>
</body>
</html>
為了適合你所需要的尺寸
披薩書立外賣 提問者
舉報(bào)
本課程為CSS3入門教程，深刻詳解CSS3知識(shí)讓網(wǎng)頁穿上絢麗裝備
2 回答12345
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)
2019-02-01
就是切邊。好比你現(xiàn)在給相片鑲框，給你一塊完整的木板（背景圖片），是按尺寸從木板的四個(gè)邊來切的。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>邊框圖片</title>
<style>
#border_image {
? ? margin:0 auto;
height:100px;
line-height:100px;
text-align:center;
font-size:30px;
width:450px;
border:15px solid #ccc;
? ? border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 25 22 repeat;
}
</style>
</head>
<body>
<div id="border_image">
請(qǐng)為我鑲嵌上漂亮的畫框吧
</div>
</body>
</html>
2017-11-15
為了適合你所需要的尺寸