最近在模仿一個網頁的時候，發現CSS代碼里有一行代碼：background:url(圖片) no-repeat right center不明白是什么意思，百度以后學習到了，在此記載知識點；
這一行代碼其實是背景圖定義形式的簡寫
完整形式是：
background-image:url(圖片);
background-repeat:no-repeat;
background-position:right center
right center是設置圖片的初始位置，right是在水平方向上貼容器或瀏覽器頁面的右側，center是在垂直方向上居中，這兩個的順序是先定義水平位置，再定義垂直位置；
另外一個例子：
background:url(../images/top_ico.png) no-repeat right 14px;
意思是背景圖片不重復，在水平方向靠近容器的右側，在垂直方向距離容器上方14px;
拓展例子，活學活用：
.top_menu li { float:left; background:url(../images/top_ico.png) no-repeat right 20px;
<li> 標簽是用於定義列表項目。這行代碼意思是每一列包含的背景圖片是top_ico.png，圖片不重復，靠近列表容器的右側，距離列表容器上方20px;
第三個例子：
background:url(../images/nav_bg.png) no-repeat -20px -150px；
背景：【背景圖片鏈接】【平鋪方式（無平鋪）】【距左邊邊距（數值或left或百分比）】【距頂端邊距（數值或top或百分比）】
這個解釋很清晰了！