框內的背景圖片HTML，CSS

我目前正在大學項目中工作。我有一個問題，我有一個圖像，我想放置一個框。它也應該根據圖像的輪廓在所有邊上填充。我嘗試了各種方式，但都失敗了。任何人都可以舉一個HTML和CSS的例子來幫助我解決這個問題。框內的背景圖片HTML，CSS

2015-11-10 MrMajestic

爲了得到最好的反饋，發佈你試過的代碼，解釋你想要發生什麼，並解釋發生了什麼。然後人們將能夠指引你朝着正確的方向前進。儘量避免「這是我想要的，請爲我寫代碼」種類的帖子。 –

對不起，我將在未來做這只是我有其他文件的唯一圖像，如我可以訪問它們的CSS和HTML。 – MrMajestic

圖像分配到一個div作爲背景圖像，並且使用填充內的中心內的div。

.inner { 
    background-color: blue; 
    width: 100%; 
    height: 100% 
} 

.background { 
    background-image: url('http://placehold.it/800x600'); 
    width: 100%; 
    background-size: cover; 
    height: 300px; 
    padding: 50px; 
    box-sizing: border-box; 
}

http://jsfiddle.net/f4yfju8d/

來源

2015-11-10 19:12:57 Harangue

不鼓勵「爲我工作」的問題。 –

@MarcB如果OP沒有指定「大學項目」，沒有人會對這個問題提出任何問題。我假設這只是一個大型項目的一個組成部分。 – Harangue

那麼它仍然是「家庭作業」，OP需要至少展示一些編程嘗試，而不僅僅是使用Photoshop的基本功能。 –

圖像用途爲：第一個div的「背景URL（...）」，在第一個div插入帶填補處理第二個div 「填充：25像素」（例如）。或者，也許我錯了解你）

來源

2015-11-10 19:13:57

框內的背景圖片HTML，CSS

回答

相關問題