萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> css裡no-repeat熟悉後面的數字是什麼意思?

css裡no-repeat熟悉後面的數字是什麼意思?

   80px和0起到的作用就是來告訴你圖片放在什麼位置的。默認情況下,如果您不設置後面的數字,那麼圖片是放置在頁面左上方的,如下圖的位置

css裡no-repeat熟悉後面的數字是什麼意思?怎麼用?三聯

  以左上角為(0,0)的坐標做一個偏移

  第一個數字是X軸上的偏移量,也就是橫向的偏移量,正表示向右,負表示向左!

  第二個數字是Y軸上的偏移量,也就是橫向的偏移量,正表示向下,負表示向上!

  如果把代碼改為

  那麼圖片會向右向下移動80個像素,效果如下:

css裡no-repeat熟悉後面的數字是什麼意思?怎麼用? 三聯

  如果您的設置參數超出了,那麼會不顯示。如果我將代碼中y軸上的數值80改成-80,那麼頁面上就不顯示了。

        :更多精彩文章請關注三聯網頁設計教程欄目。

copyright © 萬盛學電腦網 all rights reserved