怎么将一张照片当作html的背景?可以参考使用background-size,但是你要明白:屏幕适应无非是对图片做等比例缩放、非等比例拉伸、平铺等。如果屏幕尺寸和图片尺寸相差太大,就会造成很糟糕的体验
怎么将一张照片当作html的背景?
可以参考使用background-size,但是你要明白:屏幕适应无非是对图片做等比例缩放、非等比例拉伸、平铺等。如果屏幕尺寸和图片尺寸相差太大,就会造成很糟糕的体验。针对这种整个页面的背景图,有一种处理方式:让图片四周都渐变到某种颜色,然后页面的背景色设置为这种颜色。如果屏幕偏大,图片不做拉伸,显示原始尺寸;如果屏幕偏小,就对图片做适当等比例缩小或者选用该图的小尺寸版本。html中怎么用图片做背景?
1、插入背景图片有两种方法,一种是用html的img标签,另一种是利用css的background标签插入。具体操作是首先新建一个html文件,写入两个div,分别用来演示两种方法插入标签:2、首先是用html标签插入图片,这里直接在img标签中使用src属性就可以插入图片路径就成功了:
3、接着是(拼音:shì)用css插入,在div中设置class属性为img2,在script标开云体育签中使用background标签插入,其中url是标签的路径,no-repeat是设置图片不重复,center是设置照片居中显示:
4、最后给这些【练:xiē】标签都设置一些样式,让它们显得美观一些亚博体育。然后打开浏览器查看效果:
5、打开浏览器,澳门伦敦人可kě 以看到照片都显示出来了。以上就是html插入照片的方法介绍:
本文链接:http://10.21taiyang.com/Health-Conditions/12020191.html
学生个人网页制(繁:製)作html转载请注明出处来源