gpt4 book ai didi

html - 在不拉伸(stretch)的情况下重复 CSS 背景图像

转载 作者:行者123 更新时间:2023-11-28 02:06:45 26 4
gpt4 key购买 nike

有没有办法使用重复图像创建平铺背景而不拉伸(stretch)和改变大小?

我有一个图案用作背景。但是我希望它在整个站点中始终显示。目前该模式可以正确重复,但会根据容器的大小进行拉伸(stretch)。

最佳答案

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>

<style>
div{
background:url('https://www.w3schools.com/w3css/img_fjords.jpg') repeat center;
height:2000px;
border:2px solid red;
background-size:contain
}
</style>
</head>
<body>

<div></div>

</body>
</html>

关于html - 在不拉伸(stretch)的情况下重复 CSS 背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48978553/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com