html css 如何一张图片铺满整个背景,不留空白的。并且图片是固定的

html css 如何一张图片铺满整个背景,不留空白的。并且图片是固定的,第1张

(1)body{background:url(背景图) repeat} 说明:repeat表示背景图的平铺方式!其实一般你将一张图片作为背景时,会默认为平铺,所以不需要刻意去设置,相反如果我们不想图片平铺那么这时就需要设置为no-repeat这时图片就会按原来的尺寸显示!

(2)如果图片过小,那么图片平铺就会出现重复的地方,其实和把一张图片设置为桌面墙纸类似! 我试过了,想要想铺满但是不重复的话选择一张1024X768的图片,当然这只是针对显示器为1024X768的! 具体选择就看你显示器的分辨率了!

那要看你的渐变是什么渐变了,一般的渐变图片都会按他的渐变规律切成宽或者高只有一像素的小图,然后通过背景填色,举个列子:

建议你是横向渐变,切成宽1000×高1 像素的图片,然后样式里写:

body{

width:1000px

height:800px

background:url(图片地址) repeat-y

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7460927.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存