在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>
<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样式
热心网友
时间：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一行四列的~~都插入图片不就行了？
