我在屏幕的右边缘显示了一个小图像。实际上,该图像是垂直的,但我想水平显示。如何使用HTML和CSS实现此目的?

供您参考,以下是该页面的屏幕截图,该页面的右下角包含垂直的“联系”图像。


有人可以帮我吗?
以下是我尝试为其提供的垂直位置的代码:
HTML代码:

<div id="new_button_1">
        <a href="#" >
          <img src="http://www.yourdomain.com/contact.jpeg" alt="" pagespeed_url_hash="3893298907" border="0" align="middle" height="89" width="33">
        </a>
    </div>


CSS代码:

#new_button_1 {
  width: 33px;
  position: fixed;
  right: 0;
  top: 85%;
  cursor: pointer;
  z-index: 7;
}

最佳答案

您可以使用CSS3旋转

transform: rotate(90deg);

07-24 09:50
查看更多