DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> css裡no-repeat熟悉後面的數字是什麼意思?
css裡no-repeat熟悉後面的數字是什麼意思?
編輯:布局實例     

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

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

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

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

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

  如果把代碼改為

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

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

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved