作者：手机用户2502906803 | 来源：互联网 | 2023-01-02 10:16
我在查看背景图片的选项时,我找不到CSS background-repeat适合我所需设计的属性选项
.我想要的设计是这样的:
题:
我想要的设计就是这样的2个图像,它们与窗口的距离相似.有没有办法在CSS中实现这一点,仍然将图像保留为背景而不是将它们放在![]()
以下是可用于应用以下内容的代码段CSS:
.content{
height: 300px;
width: 1000px;
background-color: grey;
background-image: url("https://lh4.ggpht.com/mJDgTDUOtIyHcrb69WM0cpaxFwCNW6f0VQ2ExA7dMKpMDrZ0A6ta64OCX3H-NMdRd20=w300-rw")
}
1> Temani Afif..：
您可以在背景中简单地使用图像两次,并根据需要调整位置/大小(您将拥有多个背景).您也可以将背景颜色放在同一属性上.
注意订单.第一个背景将位于顶部,因此背景颜色应该是最后一个,因此它不会覆盖图像.
.content {
height: 300px;
width: 1000px;
background:
url("https://lh4.ggpht.com/mJDgTDUOtIyHcrb69WM0cpaxFwCNW6f0VQ2ExA7dMKpMDrZ0A6ta64OCX3H-NMdRd20=w300-rw") left/auto 100% no-repeat,
url("https://lh4.ggpht.com/mJDgTDUOtIyHcrb69WM0cpaxFwCNW6f0VQ2ExA7dMKpMDrZ0A6ta64OCX3H-NMdRd20=w300-rw") right/auto 100% no-repeat,
grey;
}
京公网安备 11010802041100号