Ⅰ 求助!html在里面添加背景图片代码,显示模糊,怎么搞
HTML 中要设置背景的块大小 比如div 300px * 400px
那么背景图的最佳尺寸也是 300px 400px
然后设置background: url(imgs/your.jpg) no-repeat center center;
背景水平垂直居中,效果最佳
css样式background属性值详解
背景图无论是缩放还是扩展,都会失真变得模糊,所以尺寸最接近块的大小最好
Ⅱ 在html中,怎么设置背景图片不重复不平铺,只显示一张图片
背景图片不重复不平铺,可以这样设定背景:
1、<body style="background-image: url("图片文件地址"); background-attachment: fixed;">
这样背景图片就会固定住,不会因页面滚动而重复。
2、使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺):
<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">
3、两者结合,就是:<body style="background-image: url("图片文件地址"); background-repeat:no-repeat; background-attachment: fixed;">
(2)html背景图片虚化扩展阅读
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
Ⅲ html背景图片全屏设置,但是却有白边,而且图片有些模糊
1、出现白边是因为浏览器的内或者外边距默认值不为0:
你需要在head标签里加上:
<style type="text/css">
*{margin: 0;padding: 0;}
</style>
用以重置浏览器的内外边距默认值,将默认值改为0。
2、至于图片模糊,应该是你加载的图片分辨率不够,或者你加载图片的元素和图片宽高比差距较大。