web怎么改变背景图片大小
word背景图片如何调整大小?
word背景图片如何调整大小?
word中插入背景图片后,只能在“WEB版式”的视图下能看到,换句话说,这样插入背景图片的文档必须保存成网页格式。插入图片后是默认充满整张纸,无法更改大小
2 一般情况下,要实现背景图片可编辑,不要在“背景”中设置图片,而通过“插入”菜单来插入图片。插入图片后右击图片,在快捷菜单中选“设置图片格式”/“版式”/“环绕方式”/衬于文字下方。这样的背景图片可以调整亮度、对比度、大小等
3 插入图片后,先在图片上单击,选中该图片,此时图片周围出现八个黑色小方块,称为控制点。
4 将鼠标指向右下角的控制点,当光标变成斜着的双向黑箭头时,按下鼠标左键,向右下方拖动,图片放大;同理,向左上方拖动,图片缩小。
css中背景图片大小怎么改?
background-size属性指定背景图片大小。background-size: length|percentage|cover|contain;
属性值:
length 设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)
percentage 将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为auto(自动)
cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。
网页制作过程中如何将本地图片设置为背景并且可调大小?
利用这个属性:background-size
设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。
语法:
background-size: auto | lt长度值gt | lt百分比gt | cover | contain
取值说明:
1、auto:默认值,不改变背景图片的原始高度和宽度;
2、lt长度值gt:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放;
3、lt百分比gt:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上;
4、cover:顾名思义为覆盖,即将背景图片等比缩放以填满整个容器;
5、contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。
提示:大家可以在右边的编辑窗口输入自己的代码尝试不同取值的效果。
示例代码:
lt!DOCTYPE htmlgtlthtmlgtltheadgt ltmeta charsetutf-8gtlttitlegt背景图片大小lt/titlegtltstyle { background: url(_) no-repeat width: 300px height: 140px border: 1px solid #999 background-size:cover}lt/stylegt lt/headgt ltbodygtltdivgtlt/divgtlt/bodygtlt/htmlgt