現在我看到很多網站的背景明顯不僅僅是隨機圖片,而是專門用作背景圖片的圖片,如黑板或剪貼板。我有一個div元素,它在背景中當前只是白色。有誰知道我怎樣才能使它成爲一種報紙類型的背景,這樣我放在上面的文字就可以很好地與報紙匹配了。順便說一句是的,我知道如何使一些背景圖像我如何讓一個div有報紙背景?
#divOfInterest{
background-image:url('theUrlOfTheImage')
}
但IDK如果這將是模板類型的背景我在找不同的。
現在我看到很多網站的背景明顯不僅僅是隨機圖片,而是專門用作背景圖片的圖片,如黑板或剪貼板。我有一個div元素,它在背景中當前只是白色。有誰知道我怎樣才能使它成爲一種報紙類型的背景,這樣我放在上面的文字就可以很好地與報紙匹配了。順便說一句是的,我知道如何使一些背景圖像我如何讓一個div有報紙背景?
#divOfInterest{
background-image:url('theUrlOfTheImage')
}
但IDK如果這將是模板類型的背景我在找不同的。
如果你想添加背景圖片到特定的div然後使用請試試這個
#divOfInterest{
background: url("theUrlOfTheImage");
background-size: cover;
}
.classNameOfDiv {
background: url("path-of-image") center center;
background-size: cover;
}
此代碼對你有幫助
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>
https://css-tricks.com/almanac/properties/b/background/ 此鏈接將幫助您使用'background-size'和'background-position' –
您可以將任何圖像顯示爲預期輸出嗎? –