HTML 如何创建一个带有排列在页面底部的可点击小图像的横幅？

Question

我在使带有可点击图像的横幅正常工作时遇到问题。横幅似乎还不错，但图像却不尽如人意。请看一看！提前致谢！

HTML:

<div id="fixed" style="background-color: #000; height: 60px; width: 1920px;">
   <div>
     <img src="image_mini.png"/>
   </div>
</div>

CSS:

#fixed {
  position: fixed;
  left: 0px;
  padding: 0px;
  bottom:0px;
}

Answer 1

根据您的喜好编辑此代码，如果您希望图像可点击，则需要将其变成 link 或按钮；同样非常重要的是确保图像的路径是正确的，并调整图像标签上的宽度和高度。

<style>
#fixed {
  position: fixed;
  left: 0px;
  padding: 0px;
  bottom:0px;
}
</style>


<div id="fixed" style="background-color: #000; height: 60px; width: 1920px;">
   <div>
   <a href="home.php"><img src="image_mini.png" width="50" height="50"/></a>  
   </div>
</div>

HTML 如何创建一个带有排列在页面底部的可点击小图像的横幅？

HTML How to create a banner with small clickable images lining up at the bottom of a page?

html

css

image

dashing