在HTML中在div框中定位图像
我想在一个200px200px的盒子里放五张图片。在四个角、四个图像和一个图像的中心。我如何使用HTML和CSS实现它 我已经试过了，但我不知道如何做到这一点在HTML中在div框中定位图像,html,css,Html,Css,我想在一个200px200px的盒子里放五张图片。在四个角、四个图像和一个图像的中心。我如何使用HTML和CSS实现它 我已经试过了，但我不知道如何做到这一点 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .box{ border: 1px solid black; wid
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.box{
border: 1px solid black;
width: 200px;
height: 200px;
background-color: aqua;
}
body{
text-align: center;
}
.img1{
float: left;
}
.img3{
float: right;
}
.img4{
float: right;
}
.img5{
float: right;
}
</style>
</head>
<body>
<div class="box">
<img src="frog.jpg" class="img1">
<img src="frog.jpg" class="img2">
<img src="frog.jpg" class="img3">
<img src="frog.jpg" class="img4">
<img src="frog.jpg" class="img5">
</div>
</body>
</html>
.盒子{
边框：1px纯黑；
宽度：200px；
高度：200px；
背景色：浅绿色；
}
身体{
文本对齐：居中；
}
.img1{
浮动：左；
}
.img3{
浮动：对；
}
.img4{
浮动：对；
}
.img5{
浮动：对；
}
线条高度.images{
宽度：200px；
高度：200px；
线高：200px；
位置：相对位置；
边框：1px实心#000；
文本对齐：居中；
}
左上角{
位置：绝对位置；
排名：0；
左：0；
}
托普赖特先生{
位置：绝对位置；
排名：0；
右：0；
}
.左下角{
位置：绝对位置；
底部：0；
左：0；
}
.右下角{
位置：绝对位置；
底部：0；
右：0；
}
.中心{
垂直对齐：中间对齐；
}