HTML如何使用排列在页面底部的小型可点击图像创建横幅?

时间:2016-06-20 13:54:49

标签: html css image dashing

我在使用可点击图片制作横幅广告时遇到问题。横幅似乎很好,然而,图像并没有那么多。看看吧!提前谢谢!

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;
}

1 个答案:

答案 0 :(得分:1)

编辑此代码以获得您的偏好,如果您希望图片可以点击,则需要将其设置为链接或按钮;同样非常重要的是确保图像的路径正确,并在图像标签上调整宽度和高度。

<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>