如何使用html/css在网站上定位按钮

编辑：背景只是一个图像&我放置图像的部分就是我给出的部分

我的网页目前看起来像这样，我已经指出了我想要按钮的位置，但是我对一般的编码非常陌生，不知道如何实现这一点

网页图片：

这是我的html代码，非常简单，只需要添加按钮

<section class="slide kenBurns">
  <div class="content">
    <div class="container">
      <div><p class="ae-2">
            
          </p></div>
      <div class="wrap">
        <div class="fix-7-12">
          <!-- <h1 class="ae-1">Messes Make Memories</h1> -->
          
        </div>
      </div>
    </div>
  </div>
  <img
    src="assets/img/background/flood2.png"
    width="1450"
    height="850"
  ></img>
</section>

有两种类型的a按钮 这是真正的按钮。它用于触发JavaScript事件。它的工作原理如下面的示例所示，可以按照下面的样式进行设置。您可以随时插入它

按钮{
背景颜色：蓝色；
宽度：200px；
字体大小：20px；
填充：10px；
边界半径：5px；
边框：3倍纯黄色；
颜色：白色；
光标：指针；
}

我是一个按钮

在具有此特定节代码的同一父div中插入

标记

将父元素的css属性设置为

position:relative

将

的css属性设置为

位置：绝对

最后，使用

top : 40px;
right : 100px;

用于按钮标记的css属性

---

注意：根据需要更改top和right属性的值。

好的，试试这一个代码

.img{
宽度：100%；
高度：自动；
排名：0；
左：0；
位置：相对位置；
z指数：1；
} 
.任何按钮{
最高：11%；
左：55%；
宽度：100px；
高度：40px；
位置：绝对位置；
z指数：2；
背景：橙色；
}

。按钮{
边界：无；
填充：15px 42px；
边界半径：15px；
颜色：洋红色；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
利润率：8px 10px；
光标：指针；
}
.按钮3{
背景颜色：粉红色；
左：50%；
位置：绝对位置；
}

---

按钮3

取决于他试图实现的目标。如果他想启动JS事件，那么是的。如果他只是想用它来打开另一个网站或菜单，那么他应该去一个DIV框。我添加了这个设计，但我不能移动按钮，它总是出现在中间的中心学习者，那是因为，你的问题不清楚，所以我回答了，根据我所理解的。如果您可以在沙箱中共享代码。我们也许能帮助你更多。达到预期效果的最好方法是练习。阅读html和css基础知识。阅读该元素，将其放在html代码中的任意位置，然后给它一个类：MyButton。然后开始使用css属性将其定位到代码中需要的任何位置。使用位置、边距、填充物等。祝你好运