导航:首页 > 万维百科 > 网页设计如何讲图片填充在一个方框内

网页设计如何讲图片填充在一个方框内

发布时间:2020-10-25 14:05:45

1、如何将图片填充到这张图中的“蓝色方框”内

用图层蒙版渐变,轻松搞定。看图

2、HTML如何填充图片?

html填充图片,使用的方式一般有直接通过img这个标签来调用,或者是通过给一内个div或者是块级元素背景来设定,设置容好一定的高宽,或者是通过的css的background这个属性,然后在填写好图片的地址就行,具体看下代码:
<html>
<head>
<style>
#round{
width:600px;
height:300px;
}

#div1{
width:200px;
height:300px;
background:url('图片地址'); //通过background来实现图片
}

</style>
</head>
<body>
<div id='round'>
<img src='图片地址'> //直接通过html标签
</div>

<div id='div1'>

</div>
</body>
</html>

3、网页中如何使图片填充到整个浏览器页面

1.你要让图片进行拉伸?最好别这样。但用Javascript和CSS可以实现。
2.frame没有过时,真的。
3.你说的那种叫iframe。

4、网页设计中怎么让一张图片填充满整个画面 求代码

1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;height:100%;}.
否则需要将其作为网页背景的话可以试试如下方法:
2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。
这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再将网页内容放置到第二层上<div id="content">页面内容</content>
3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复,但又得占满浏览器所采用的方法。

5、在网页里面,这样一个方框里面有文字和图片的效果是怎么做到的?

是用一个button按钮做的,button上面还有icon,还可以加文字,那个发送文字到手机前面的就是icon,也叫图标

6、设计网页时如何让图片铺满网页?

如果你的图片尺寸不小的话,点页面属性,把页面的边距都设置为0

7、网页设计,怎么插入局部框架的背景图片

一、添加背景图片:body { background: url("xxx.jpg"); }
原本<body>卷标提供了以下几种设定:
<body
alink=colorvalue
background=url
bgcolro=colorvalue
link=colorvalue
text=colorvalue
bgproperties=fixed /*背景固定
leftmargin=pixels /*离浏览器显示窗左边的距离
topmargin=fixels /*离浏览器显示窗上面的距离
>
background-image:url(n.jpg)
/*背景图档

background-repeat:repeat|repeat-x|repeat-y|no-repeat
/* 重复显示全影幕|水平方向重复|垂直方向重复|不重复显示

background-attachment:scroll|fixed
/*卷动或固定

background-position:x%,y%|x,y|top|left|center|bottom|right
/*背景图文件位置

二、添加框架:

①打开Dreamweaver,新建一个网页。点击布局中的框架按钮,选择要实现的框架类型。
②这样就创建了两个页面,分布命名。点击中间的线就是选中了整个页面,点击文件\保存框架页,进行命名。左右两个页面分别选中再保存,操作一样。
③点击中间的边框,就选中了整个页面,可以对整个页面的属性进行更改,可以移动中间的边框,也可以点击查看\可视化助理,勾选框架边框来显示或隐藏边框。
④再分别更正左右两个页面的页面属性。

8、求网页制作大神教教我,怎么在图片上插入框框,框框里面还有字可以设置超链接。就像这样

图片上插入框框。。。。您这描述

不过这个图
正常是大框架里有小框
大框架设置了背景图
然后小框架里可以放链接
即可

9、网页设计中怎么让一张图片填充满整个画面 ?

1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;height:100%;}.
否则需要将其作为网页背景的话可以试试如下方法:
2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。
这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再将网页内容放置到第二层上<div id="content">页面内容</content>
3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复,但又得占满浏览器所采用的方法。

与网页设计如何讲图片填充在一个方框内相关的知识