如何設置高度和在html中的背景圖像

<html> 
<head> 

</head> 
<body background="D:\Desert.jpg"> 
     HI..This IS DESERT image. 
</body> 
</html>

當我運行此代碼圖像是Repeat.I想在screen.Without全尺寸圖像。我想要這個HTML。如何設置高度和在html中的背景圖像

來源

2017-08-26 Dipali Y.

可以在body標籤給像

<body style="background-repeat: no-repeat; background-size: cover; background-image: url("D:\Desert.jpg");height:500px;width:100%;">

來源

2017-08-26 03:50:08

<div style="background-image: url(https://cdn.pixabay.com/photo/2016/03/21/10/44/desert-1270345_960_720.jpg);background-position: center;background-repeat: no-repeat;background-size: contain;height: 500px;width: 500px;">

您可以通過在HTML標籤中加入一種風格給在HTML代碼本身的CSS屬性。
asumming that you have a 500px height and div div 這裏：背景位置：中心（意味着圖像將居中）
background-size：包含（意味着圖像將被包含在div內，你可以改變覆蓋它顯示爲封面圖片）

來源

2017-08-26 03:51:19

這裏是Fiddle

.image{ 
 
    background:url('https://beebom-redkapmedia.netdna-ssl.com/wp-content/uploads/2016/01/Reverse-Image-Search-Engines-Apps-And-Its-Uses-2016.jpg'); 
 
    height:500px; 
 
    color:white; 
 
}

<div class='image'> 
 
     HI..This IS DESERT image. 
 
</div>

來源

2017-08-26 04:05:00

我想補充一個「背景重複：沒有repea噸;」停止重複圖像。

.image{ 
 
    background:url('https://beebom-redkapmedia.netdna-ssl.com/wp-content/uploads/2016/01/Reverse-Image-Search-Engines-Apps-And-Its-Uses-2016.jpg'); 
 
    height:500px; 
 
    width:100% 
 
    color:white; 
 
    background-repeat: no-repeat; 
 
}

<div class='image'> 
 
     HI..This IS DESERT image. 
 
</div>

來源

2017-08-26 04:51:45

你必須使用CSS that.If你真的需要純HTML使用一個大的圖像

<body style = "background-repeat: no-repeat; background-size: cover; background-image: url("D:\Desert.jpg");height:500px;width:100%;">

安基塔帕特爾提到它上面

來源

2017-08-26 05:26:25

如何設置高度和在html中的背景圖像

回答

相關問題