导航:首页 > 万维百科 > 网页设计怎么定位图片

网页设计怎么定位图片

发布时间:2020-10-25 17:45:07

1、HTML中如何设置插入图像的位置?

<img src="ad-02.jpg" width="400px"; height="200px"; style="position:absolute; left:100px; top:100px; ">修改left 和top的值。

2、网页制作如何在一张图片的上定位内容

我实在不懂你的问题,是要如何设置图片样式。
不过我认为如果你要设置自适应需要设置百分比。
body{width:100%;height:100%;}

3、网页设计,运用float定位怎样把图片设置成两排

全部设置为float:left;图片超过一行自动换到下一行,每行多少个图片可以定义图片宽度决定

4、网页设计中,如何定位层

有相对定位和绝对定位,是哪种定位呢?

绝对定位
H4 { position: absolute; left: 100px; top: 43px }

相对定位
H4{ position: relative; left: 40px; top: 10px }

具体操作是这样的:层你应该会建了吧?选中你要定位的层,点击CSS样式。右击就可以编辑,里面有绝对定位和相对定位,一般用绝对定位就相当精确了,还有数据坐标的。你可以任意把你要的层放在任何一个位置。就这么简单。不明白的还可以给我留言。尽力而为吧。不用什么代码了,直接编辑就可以了。最简单的方式了哦。

5、网页制作中怎么用CSS样式定位图片的位置

就简单的图片定位是吧,我给你个范例,然后你参考下。 <div style="text-align:center" align="center"> <img src="" align="absmiddle" /> </div> 上面DIV中STYLE里CENTER是图片居中,ALIGN是表格框架居中,IMG中的ALIGN里的ABSMIDDLE是在表格中居中的图片绝对居中。 还有什么不懂的可以联系我。

6、网页设计中怎么把多个图层图片定位啊 让它在什么显示器上 显示的位子都不变

<center>
<div style="position:relative;width:1000px;">这是最上级父级
<div class=child>只是子级1

</div>
<div class=child>只是子级2

</div>

</div>
所有子级会被限制在父级之内

7、网页设计中,怎么对已经整合的背景图片进行定位

background-position:x y;
图片的x轴和y轴坐标是根据从左往右,从上往下的原则获取的!专
例如,某图片的大小是600宽,属300高,
取左上角第一个:background-position:0px 0px; / background-position:left top;
取左上角同行第二个:background-position:0px -20px;
取左上角同列第二个:background-position:-20px 0px;

取图片据对居中的某个:background-position:-300px -150px;

取最右下角的某一个:background-position:-580px -280px; / background-position:right bottom;

你只要知道这个取值是 ↓→这个角度级差不多了~另外,一般整合图片的时候都会充分考虑到图片的具体使用,通常我的做法是,打开图片,在PS中绘制两条(一条纵向一条横向)辅助线,然后,不断的选取辅助线左上角区域的宽高!+ ....

8、网页设计里面怎么用css定位图片的不规则摆放?(如图)

百度:css3 变形(低版本ie和少部分浏览器不支持)

低版本ie的实现:
先把图片在ps里面拉斜做影子后存为:png24+背景透明格式,然后网页里面用cssz-index控制层级上下关系,并用定位摆放到合适的位置。另外你还要修正一下ie6的png24背景不透明的问题。

然后,你给那三个猫咪图片每张一个id:
<img src="aaa.jpg" id="cat1" />
<img src="bbb.jpg" id="cat2" />
<img src="ccc.jpg" id="cat3" />

#cat1,#cat2,#cat3{position:absolute;}/*绝对定位*/

#cat1{
left:300px;top:80px;
z-index:10;
}

#cat2{
left:50px;top:320px;
z-index:9;
}

#cat3{
left:300px;top:80px;
z-index:8;
}

9、用Dreamweaver制作网页图层如何准确的定位图层显示的位置

把层放在表格里,表格就会固定住层的位置。

另外"dreaweaverd的层"不是做网页必须的,只是dreamweaver里的一个功能。如果做不好,也没必要太在意。掌握好表格、div+css设置网页是主要的。

dreamweaver里面的一些效果,其实在网上可以找到更好的效果的代码,直接复制在网页里更方便,没必要非使用"dreaweaverd的层"做。

与网页设计怎么定位图片相关的知识