建立一个协调图像的网页

Question

我被要求建立一个网页，其中有一些对象（实际上是图像）放在一个协调的地方......这就是它的样子，单词M，O，R，A是点击 - 有能力的图像（链接），我们不想制作完整的背景或其他东西......

你能告诉我怎么做吗？！

...谢谢

Answer 1

假设您的图片名为imgM，imgO，imgR和imgA，您绝对可以将图片放置在特定的位置，以实现您想要的效果：

#imgM
{
   position: absolute 
   left: 57px;
   top: 92px;
}
#imgO
{
   position: absolute 
   left: 365px;
   top: 366px;
}
#imgR
{
   position: absolute 
   left: 652px;
   top: 459px;
}
#imgA
{
   position: absolute 
   left: 810px;
   top: 182px;
}

Answer 2

如果要修复对象（图像）的位置，可以使用position: absolute css样式并为图像提供相应的left和top坐标

Answer 3

使用

float:left;

和

float:right;

在你的CSS中 或者您也可以使用

margin:5 5 5 5;

（顶 - 右 - 左下）

Answer 4

示例代码：

<div>
<img src="" style="float:left;">
<img src="" style="float:right;">
</div>

<div style="clear:both;">
<img src="" style="float:left;">
<img src="" style="float:right;">
</div>

无需使用表格。你可以使用divs

来获得它