Question

我为我正在制作的网站想出了一些代码，我想知道如何更改页面上图像的大小

代码：

<html>
  <head>
    <style type="text/css">

      .bg {
        background: url(http://fc05.deviantart.net/fs48/i/2009/235/2/5/clouds_over_california_by_Un_symmetrical.jpg) center top;
        height: 30%;
      }

    </style>
    <script src="jquery.js"></script>
    <script>

      var bgPos = 0;
      setInterval(function() {
        $(".bg").css("background-position", (bgPos-= 2) + "px");
      }, 60);

    </script>
  </head>
  <body>
    <div class="bg"></div>
  </body>
</html>

Answer 1

您可以使用img标签并直接在其上设置大小，例如：

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

或者你可以在像Photoshop这样的应用程序中将图像调整到你想要的大小，然后在css中设置高度和宽度以匹配你制作图像的大小。

.bg{
    background: url(http://fc05.deviantart.net/fs48/i/2009/235/2/5/clouds_over_california_by_Un_symmetrical.jpg) center top;
    width: 300px;
    height: 200px;
}

调整图像大小（HTML / CSS）

1 个答案: