我試圖讓我的網站背景以淺藍色背景顏色開始,最終以略深的藍色結束。
有沒有辦法編碼?或者我應該把影像作為背景(如果沒有其他選擇)?
這是我希望背景具有的確切顏色的影像:
請忽略影像中的云彩,只檢查顏色。

uj5u.com熱心網友回復:
使用漸變
main {
height: 100vh;
background: linear-gradient(skyblue, darkblue);
}
<main></main>
uj5u.com熱心網友回復:
你應該使用linear-gradient
.background{
width: 100vw;
height: 100vh;
background-image: linear-gradient(to bottom, cyan, blue);
}
<div class="background">
</div>
uj5u.com熱心網友回復:
你可以試試線性漸變。點擊這里查看更多資訊
有關哪些瀏覽器支持它的更多資訊,請參閱此內容:https ://caniuse.com/?search=linear-gradient
這是一個例子:
#grad1 {
height: 200px;
background-color: blue; /* For browsers that do not support gradients */
background-image: linear-gradient(#0000FF, #000044);
}
<div id="grad1"></div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/422181.html
標籤:
上一篇:HTML正文右側有邊距
