在html怎么样才可以把四张图片放在一个页面上

发布网友发布时间：2022-02-26 07:47

我来回答

共4个回答

热心网友时间：2022-02-26 09:17

这个其实并不难，附上代码

<style>

img{ float:left; margin-left:10px; padding:2px 2px; border:1px solid #CCC;}

</style>

<body>

</body>

出来的效果是这样的，图片周围有两像素的边距，一像素的边框。你还可以根据自己的需要添加合适的css样式

热心网友时间：2022-02-26 10:35

直接在body里面插入四个img节点就行了，放在一个页面上很简单啊？你可以把问题描述的更清晰一点，给你个样例吧
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<img src="第一张图片的路径" alt="第一张图片的加载失败时的替代文本" />
<img src="第二张图片的路径" alt="第二张图片的加载失败时的替代文本" />
<img src="第三张图片的路径" alt="第三张图片的加载失败时的替代文本" />
<img src="第四张图片的路径" alt="第四张图片的加载失败时的替代文本" />
</body>
</html>

热心网友时间：2022-02-26 12:09

你的意思是把四张图片放在同一行里吧，用浮动float:left; 记得清除浮动哦，clear:both;

热心网友时间：2022-02-26 14:01

？这还不简单么新建一个table一行四列的~~都插入图片不就行了？

首页

文章

在html怎么样才可以把四张图片放在一个页面上