在html中将插入背景图片,如何让背景图片跟屏幕一样大?

在html中将插入背景图片,如何让背景图片跟屏幕一样大?,第1张

方法:首先点击新建文件夹,放入背景,在Dreamweaver CS6中点击新建一个html空白文档,将页面内容放入<body></body>中,在<body后按一下空格键,找到background,再按空格,点击浏览,选中背景图,点击确定,将html另存为在“表格”文件夹里。这样就可以让背景跟屏幕一样大。

可以用css3中“transform: scale()”属性对进行缩放

1、新建html文档,在body标签中添加一张,给这张设置css属性,添加“tansform”缩放属性,属性值为“scaleX(n)”,scaleX(n)指的是对宽度进行缩放,n指的是缩放比例:

2、将transform的属性值改为“scaleY(n)”,scaleY(n)指的是对高度进行缩放,n指的是缩放比例:

3、将transform的属性值改为“scale(n)”,scale(n)指的是对的宽度和高度同时进行等比例缩放,n指的是缩放比例:

设置的宽度高度,只有一张的设置
<img src="img/s12_01jpg" style="width:100px; height:100px;" />
多张使用样式控制
<img src="img/s12_01jpg" class="img_style" />
<style>
img_style{width:100px; height:100px;}
</style>


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

原文地址: http://outofmemory.cn/yw/13389735.html

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

发表评论

登录后才能评论

评论列表(0条)

保存