在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
<!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
热心网友
时间：2022-02-26 14:01
