博客

html在图片上显示多个按键

  • Post author:
  • Post category:其他




效果如下

在这里插入图片描述



背景图放好后，以绝对坐标放置按键

    <img src="logo.gif" style="height: auto; width: auto; width:100%;" />  
    <form action="game.html">
        <input type="submit"class="btn btn-warning" value="游戏"  style="position:absolute; left:100px; top:100px; width:140px;height:110px;background:#7b9bd7;border: 2px;font-size: xxx-large">
    </form>
    <form action="shop.html">
        <input type="submit"class="btn btn-warning" value="商场"  style="position:absolute; left:700px; top:100px; width:140px;height:110px;background:#789bd9;border: 2px;font-size: xxx-large">
    </form>
    <form action="luntan.html">
        <input type="submit"class="btn btn-warning"value="论坛"  style="position:absolute; right:100px; top:100px; width:140px;height:110px;background:#7294d0;border: 2px;font-size: xxx-large">
    </form>


版权声明：本文为weixin_45938469原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。