Rumah >hujung hadapan web >tutorial css >css怎么让两个背景重合
css怎么让两个背景重合
- 藏色散人asal
- 2021-01-12 10:17:313905semak imbas
css让两个背景重合的方法：首先创建一个HTML示例文件；然后使用【background-image:url(图片地址),url(图片地址);】方式让两个背景图片重合显示即可。
本教程操作环境：windows7系统、HTML5&&CSS3版本、Dell G3电脑。
推荐：css视频教程
在css中，可以使用background-image:url(图片地址),url(图片地址);来让两个背景图片重合显示。
这样，当你有了将两个图形混合成美丽的东西的想法时，可以得到一个不错的结果。
示例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body {
background-image: url(https://image.flaticon.com/icons/svg/748/748122.svg), url(https://images.unsplash.com/photo-1478719059408-592965723cbc?ixlib=rb-1.2.1&auto=format&fit=crop&w=2212&q=80);
background-position: center, top;
background-repeat: repeat, no-repeat;
background-size: contain, cover;
}
</style>
</head>
<body>
<!-- Your content here -->
</body>
</html>效果图：
Atas ialah kandungan terperinci css怎么让两个背景重合. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
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 sebelumnya：使用css怎么实现毛玻璃效果？Artikel seterusnya：css3怎么缩小文字