2013-08-26 33 views

回答

4

使用子彈的背景圖片:

ul { 
    list-style-type: none; 
    padding: 0; 
    text-align: center; /* Optional, Just for demo */ 
} 

ul li { 
    background: url(path/to/bullet.ext) center top no-repeat; 
    display: inline-block; /* <-- display list items in one line */ 
    padding-top: 10px;  /* <-- Change this according to the image size */ 
    /* Or: */ 
    /* padding: 10px 5px 0;  */ 
    /*   top r&l bottom */ 
} 

JSBin Demo

+0

不錯,我會嘗試。先生非常感謝您。 – onlymushu

+0

是否可以添加符合項目符號的線?使用和圖像或邊界? – onlymushu

+0

@onlymushu不客氣。你可以使用[multiple background-image](http://www.css3.info/preview/multiple-backgrounds/),下面是一個例子:http://jsbin.com/usaKaSA/6/edit –