欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 設(shè)置背景圖片亮度

CSS是制作網(wǎng)頁(yè)時(shí)必不可少的一種語(yǔ)言。在其中,設(shè)置背景圖片的亮度也是很重要的一點(diǎn)。本文將介紹如何使用CSS來(lái)設(shè)置背景圖片的亮度。

首先,我們需要先設(shè)置一個(gè)背景圖片。代碼如下:

body {
background-image: url('bg.jpg');
background-size: cover;
height: 100vh;
width: 100%;
}

接下來(lái),我們使用CSS filter這個(gè)屬性來(lái)設(shè)置圖片的亮度。代碼如下:

body {
filter: brightness(0.8);
}

這個(gè)屬性值在0.0至1.0之間。數(shù)值越小,圖片的亮度越低。數(shù)值越大,圖片的亮度越高。在這個(gè)例子中,我們將亮度設(shè)置為0.8。

同時(shí),我們也可以使用其他的filter屬性來(lái)調(diào)整圖片效果,比如:blur(模糊)、grayscale(灰度)等。代碼如下:

body {
filter: blur(5px) grayscale(50%);
}

這個(gè)例子中,我們將模糊值設(shè)置為5px,將灰度值設(shè)置為50%。

總結(jié):在CSS中設(shè)置背景圖片亮度,我們可以使用filter屬性來(lái)控制。亮度的值在0.0至1.0之間,越小亮度越低。我們也可以使用其他filter屬性來(lái)調(diào)整圖片效果。