Rumah > hujung hadapan web > html tutorial > 使用background-size如何设置背景图片的宽度和高度

使用background-size如何设置背景图片的宽度和高度

云罗郡主
Lepaskan: 2018-10-18 15:45:36
ke hadapan
10271 orang telah melayarinya

本篇文章给大家带来的内容是关于使用background-size如何设置背景图片的宽度和高度 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

timg.jpg

使用background-size属性设置

语法:background-size: length|percentage|cover|contain;
Salin selepas log masuk

length:
设置背景图像的高度和宽度。
第一个值设置宽度,第二个值设置高度。
如果只设置一个值,则第二个值会被设置为 “auto”。
(会显示整个图片)

percentage:
以父元素的百分比来设置背景图像的宽度和高度。
第一个值设置宽度,第二个值设置高度。
如果只设置一个值,则第二个值会被设置为 “auto”。
(会显示整个图片)

cover: 
保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
背景图像的某些部分也许无法显示在背景定位区域中。
(只显示部分图片)

contain:
保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最大大小。
(会显示整个图片,但可能会出现图片重复)

以上就是对使用background-size如何设置背景图片的宽度和高度 的全部介绍,如果您想了解更多有关HTML视频教程,请关注PHP中文网。


Atas ialah kandungan terperinci 使用background-size如何设置背景图片的宽度和高度. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan