在html怎么样才可以把四张图片放在一个页面上
4个回答
展开全部
这个其实并不难，附上代码
<style>
img{ float:left; margin-left:10px; padding:2px 2px; border:1px solid #CCC;}
</style>
<body>
<img src="ryh/图片素材/link.jpg" width="150px" height="150px"/>
<img src="ryh/图片素材/link.jpg" width="150px" height="150px"/>
<img src="ryh/图片素材/link.jpg" width="150px" height="150px"/>
<img src="ryh/图片素材/link.jpg" width="150px" height="150px"/>
</body>
出来的效果是这样的，图片周围有两像素的边距，一像素的边框。你还可以根据自己的需要添加合适的css样式
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
直接在body里面插入四个img节点就行了，放在一个页面上很简单啊？你可以把问题描述的更清晰一点，给你个样例吧
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<img src="第一张图片的路径" alt="第一张图片的加载失败时的替代文本" />
<img src="第二张图片的路径" alt="第二张图片的加载失败时的替代文本" />
<img src="第三张图片的路径" alt="第三张图片的加载失败时的替代文本" />
<img src="第四张图片的路径" alt="第四张图片的加载失败时的替代文本" />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<img src="第一张图片的路径" alt="第一张图片的加载失败时的替代文本" />
<img src="第二张图片的路径" alt="第二张图片的加载失败时的替代文本" />
<img src="第三张图片的路径" alt="第三张图片的加载失败时的替代文本" />
<img src="第四张图片的路径" alt="第四张图片的加载失败时的替代文本" />
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的意思是把四张图片放在同一行里吧，用浮动float:left; 记得清除浮动哦，clear:both;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
？这还不简单么 新建一个table一行四列的~~都插入图片不就行了？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
