十万火急,这三张图片怎么合成一张图片而看不出拼结的痕迹,或者怎样用html代码实现显示

我在阿里巴巴看到的图片,但当我保存后,是3张小图,怎么才能拼成一张大图而看不出拼结的痕迹了,或者用这3张图片,html代码怎么写,它才能顺序显示,是一张整图了,图如下所示... 我在阿里巴巴看到的图片,但当我保存后,是3张小图,怎么才能拼成一张大图而看不出拼结的痕迹了,或者用这3张图片,html代码怎么写,它才能顺序显示,是一张整图了,图如下所示
整张图看到的显示效果

我保存后,结果有3张小图,如下所示
用PS,感觉不好裁,裁出来,接口对不上,有什么好办法,裁好后,写html代码时是按顺序写吗,头部放最上面,中间放身体,下面放腿部
展开
 我来答
百度网友ee94e05
推荐于2017-11-05 · TA获得超过164个赞
知道答主
回答量:16
采纳率:0%
帮助的人:9.5万
展开全部
<div><img src='图片地址' width='' height='' alt=''></div>
<div><img src='图片地址' width='' height='' alt=''></div>
<div><img src='图片地址' width='' height='' alt=''></div>

不加div直接写img图片会横着(如果屏幕够宽)

分三个小图比一张大图加载速度要快很多
追问
你说的果然对了,加了他对齐了,能不能帮我加个居中的代码,往哪加,我是新手,不太知道往哪个位置加居中代码

追答
外面在套个div设置一下css属性

</div
程序员养大闸蟹
2017-11-05 · 自家的蟹塘,苏州阳澄湖蓝标大闸蟹养殖户
程序员养大闸蟹
采纳数:2362 获赞数:20622

向TA提问 私信TA
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>雪碧图技术</title>
    <style>
#ii{
background: url(3.jpg) no-repeat 0 -262px;
width: 700px;
height: 170px;
}
#iii{
background: url(4.jpg) no-repeat;
width: 700px;
height: 436px;
}
#i{
background: url(5.jpg) no-repeat;
width: 700px;
height: 436px;
}
</style>
</head>
<body>
<div id = "ii"></div>
<div id = "iii"></div>
<div id= "i" ></div>
</body>
</html>

雪碧图技术或者叫css图片切割技术

效果:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
昂子帆6I
2013-07-20 · TA获得超过6065个赞
知道大有可为答主
回答量:7904
采纳率:55%
帮助的人:1277万
展开全部
1;把你的图片用PS割成三个部分,上中下。
2;在HTML代码中写入。、
<img src="" width="" height="" alt=""/>
<img src="" width="" height="" alt=""/>
<img src="" width="" height="" alt=""/>
就可以了。分别引用上中下三张图片,欢迎继续追问。
更多追问追答
追问
用PS,感觉不好裁,裁出来,接口对不上,有什么好办法,裁好后,写html代码时是按顺序写吗,头部放最上面,中间放身体,下面放腿部
追答
你发过来 我帮你弄吧。814692051.
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
长丰家电2
2013-07-20 · TA获得超过317个赞
知道小有建树答主
回答量:328
采纳率:33%
帮助的人:169万
展开全部
ps里有拼接功能,导入就行了。
追问
但是三张小图的第一张,是合在一起的,能否说详细点
追答
可以修改啊,可以把多余的部分裁掉。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
2012lyjsbl
2013-07-20 · TA获得超过545个赞
知道小有建树答主
回答量:1460
采纳率:0%
帮助的人:697万
展开全部

是这样吗

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式