2016-02-17 40 views
0

現在我看到很多網站的背景明顯不僅僅是隨機圖片,而是專門用作背景圖片的圖片,如黑板或剪貼板。我有一個div元素,它在背景中當前只是白色。有誰知道我怎樣才能使它成爲一種報紙類型的背景,這樣我放在上面的文字就可以很好地與報紙匹配了。順便說一句是的,我知道如何使一些背景圖像我如何讓一個div有報紙背景?

#divOfInterest{ 
    background-image:url('theUrlOfTheImage') 
} 

但IDK如果這將是模板類型的背景我在找不同的。

+0

https://css-tricks.com/almanac/properties/b/background/ 此鏈接將幫助您使用'background-size'和'background-position' –

+0

您可以將任何圖像顯示爲預期輸出嗎? –

回答

0

如果你想添加背景圖片到特定的div然後使用請試試這個

#divOfInterest{ 
    background: url("theUrlOfTheImage"); 
    background-size: cover; 
} 
0

.classNameOfDiv { 
    background: url("path-of-image") center center; 
    background-size: cover; 
} 
0

此代碼對你有幫助

div { height:500px; width:500px; background: rgba(0, 0, 0, 0) url("http://previews.123rf.com/images/eyematrix/eyematrix1210/eyematrix121000010/15910762-Black-and-white-repeating-torn-newspaper-background-Stock-Vector.jpg") repeat scroll center center/cover ; }
<div clas="cont_div"></div>