9.求背景圖片左邊到#box盒子左邊外框側的距離
阿新 • • 發佈：2018-10-29
img 位置 pad lang -o border css mage mar
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>求背景圖片左邊到#box盒子左邊外框側的距離</title> <style type="text/css"> * { margin: 0; padding: 0; } #box{ width: 100px; height: 200px; background: pink; padding: 100px; border: 80px solid blue; background-image: url("img/1.png"); background-repeat: no-repeat; background-origin: content-box;/* 背景圖片起始源的位置 */ background-position: -50px 0; /* 左右 上下*/ /* background-position 和margin (上下 ； 左右） 等不一樣*/ } /*答案：130px*/ </style> </head> <body> <div id="box"></div> </body> </html>
9.求背景圖片左邊到#box盒子左邊外框側的距離