Edit in JSFiddle

<div>
    <ul>
        <li> <a href="">hello</a>

        </li>
        <li> <a href="">world</a>

        </li>
        <li class="current"> <a href="">你好</a>

        </li>
        <li> <a href="">中华人民共和国中华人民共和国</a>

        </li>
        <li class="current"> <a href="">世界你好</a>

        </li>
    </ul>
</div>

/*不知什么原因，jsfiddle好像对外链的背景图片显示不出来，只能用data uri scheme来显示图片了 */
div {
    float:left;
	/*背景图片http://i.imgur.com/apsYDzC.gif */
    background:#DAE0D2 url(data:image/gif;base64,R0lGODlhFAAtAMQAAN3j1dvh0/7+/vL07ubp4Nrg0vz8/PX38vn59+rt5ODk1uXo3u7x6u3w6e/y6+Ll2vj49vf39fP18Ons4/r6+Pv7++vu53dmVePm2+Tn3f39/ezv6OHk2fHz7uDj2Ojr4iH5BAAAAAAALAAAAAAUAC0AAAXgYCGOZGmeKBmsbOu+cCzPLmDfeK7vfO/niqBwSCwaPcikEmlUcJ7Q6PNBrVqvV4x2y+12M+CweDxemM/odJqwYLvbhLh8Tq/b7/j4Z/+Z+P+AgYEJhIWGh4iJigkWjBaPkJGSkhuVlpeYGw2bnJ2engyhoqOkpaIOqKmqq6sDrq+wsbEdtLW0sq62uLuxEr6/wMHBB8TFxsfIycrGEc3Oz9DQENPU1dbWCNna29zd3t/bFOLj5OXlFejp6uvrBu7v8PHy8/TwGvf4+fr6Av3+/wADChxIsCDACwgTKly4MAQAOw==) repeat-x bottom;
    width:100%;
}
ul {
    margin:0 0 1px 0;
    padding:0;
    list-style:none;
}
li {
    float:left;
    margin:0 4px;
    padding:0px 0 0px 9px;
    float:left;
	/*左按钮http://i.imgur.com/Pr85rLq.gif */
    background:url(data:image/gif;base64,R0lGODlhCQCWAMQfALeuiO/t5eDczOzq4PHv6efk2NfSvdvWxNbRu/Tz7fv7+vb18ujl2t/by/j39NnVwuHe0PHv6PDu58W+oOvo3u3r4u7s4/n49tzYxry0kNPPt9jTv+7s5OXi1MfAo+Ll2iH5BAEAAB8ALAAAAAAJAJYAAAXw4CdCiJcBgHhMx+AoyvdoBGxDUwRfzrJoDwVvkShOGMMEISLJJHrKCMcC6BEJAUul6ktILAMKoIutUMRkM4MxVgYohQ4EUJQMChBBgy6ldBoYDwAEEhUMEIEbgwEDhwcbCIt3AgcGkViTlZeMBZSWkp2aoJ6bmZ+YoaecpKOiqKyvrquypqWptrCzqrWtu7e9uLS/sb65vMTBxcLGw7rJz8DRyNLO1MfV09nY29fdzd7M4cvjyuXQ2uDk59zf7eLm1u7q8e/r6fDo8vjs9fTz+f0A/uM38J49fQcDEtxn0B9DhA4TFoQo8KHChhUlWgoBADs=) no-repeat left top;
}
a {
    float:left;
    display:block;
    padding:4px 9px 4px 0px;
	/*右按钮http://i.imgur.com/d9Z05TH.gif */
    background:url(data:image/gif;base64,R0lGODlhkAGWAMQfANXQureuiNLMtdnUweLe0Onm297ayfPy7NbRvOvo3tbQu+zq4PDu5/f28+7s4+fk2Pr6+P39/MnCptTPuNDKss3HrcvEqcC4l+Xi1NzYxtjTv8/JsM7IrsrDp/z8++Ll2iH5BAEAAB8ALAAAAACQAZYAAAX/YCCOZGmeaKqubOu+cCzPdG3feK7vsERln2BkSCwaj8ikcslsOp/QqHRKrVqv2Kx2y3V6IAeC4CIIQs7otHrNbrvf8Lh8Tq/b7/i8fs/v+/+Acw0HDAkGEmUNiouMjY6PkJGSk5SVlpeYmZqbnJ2en6ChoqOWBwcLDwQDFxmmrq+wsbKztLW2t7i5uru8vb6/wMHCw8TFxroMDgkYBhkdFgzR0tPU1dbX2Nna29zd3t/g4eLj5OXm5+jp6t3Kqc1jDvHy8/T19vf4+fr7/P3+/wADChxIsKDBgwgTKuyXoACzDAMQBFhAsaLFixgzatzIsaPHjyBDihxJsqTJkyhT/6pcybLlxwQJHjwcoCEAzJs4c+rcybOnz59AgwodSrSo0aNIkypdyrSp06dDC7jLoEFigatYs2rdyrWr169gw4odS7as2bNo06pdy7at27dwx8okABGBxAd48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQIxPGQKCZ3QkBCGjezLmz58+gQ4seTbq06dOoU6tezbq169ewY8uefbqZBgACBAQwwLu379/AgwsfTry48ePIkytfzry58+fQo0ufTr368QwQNUygQGFDgAHgw4sfT768+fPo06tfz769+/fw48ufT7++/fv487Ovup1DhQoB2CXggAQWaOCBCCao4P+CDDbo4IMQRijhhBRWaOGFGGao4YMTCLBBBRZ0EOCGJJZo4okopqjiiiy2qCEAHVLgXwciAmDjjTjmqOOOPPbo449ABinkkEQWaeSRSCap5JJMNunkk0FOECOIHUgQAJRYZqnlllx26eWXYIYJpZQCUECllWKmqeaabLbp5ptw4kimmSGiGeedeOap5558cjnnmVf2KeighBZqqJt/1hnooYw26uijkPKYaJWLRmrppZhmyuakdmrq6aeghnokp5WKauqpqHpKaqqsturqoau+KuustLYZa6245qrrk7fu6uuvwPrYa7DEFrvrsMYmq2yryC7r7LOqTqkotNRWi2n/s9Zmqy2f2G7r7be2SkspuOSWu6m4nZqr7rpadsvuu/AS6W689Nar47z25ksvvvr2uy6//gYMLsACF5wtwQYn/CzCCjdsLMMOR/wrxBJXjCvFFmf8KsYad4wqxx6HDCrIIpd8Lbqlmqwysyiv7LKrJL8s86Axz2yznjXfrDOcOe/s85o9/yw0mEEPbfSWRR+tNK8tL+10nkk/LbWRUU9tdZRNX611mFVv7bWcWX8tNpZdj7112WZfjXbaU6/N9tNuv7103HIfTXfdQ9+N9896771z337fDHjgMw9O+MuGH75y4oqbzHjjIj8OuceST65x5ZZbjHnmEm/OucOef65w/uiiG0x66QKfjrq/qq+ub+uu2wt77PuGTfvXs9/+bu66/2t772r/Dnzbwg8Pd/HGz4188nYvz3zezj/Pd/TS/0199YJfj33h2m+PePfeLw5++I6PT37k5p9PefrqX85++5q/D3/n8s8Pev32j45//qbvz3/q/vsf6wIowNcRsICyOyACa1cmQC3QZbx7YK4iKMFaUbCCs7ogBjemwA2aS4MeZBUIQ/ixDpLwWyM8oahSqMKRmbCFB3shDKvFwhlmqoY2vBQOcxipHfLwUT78YaOCKERYybCIDzsiEolFxCXSTIlOnBgUo3isKVJxgla8ogWzqMUMcrGLHGygokIAADs=) no-repeat right top;
    text-decoration:none;
}
.current {
	/*左按下按钮http://i.imgur.com/Uy0u2EU.gif */
    background:url(data:image/gif;base64,R0lGODlhCQCWAMQfAP///3dmVf7+/v39/Pr6+Pn59/39/fz8+vn49vj39fX07/b18fTy7fLx6/b18Pf28t3Z1buzqvX084FxYenm45iLfpOFeJOFd66kmtbUzPLx6tbUy8S9tLmxp7eupOLl2iH5BAEAAB8ALAAAAAAJAJYAAAXf4CdmXTUFgchZESQBwMdhFGxvV23DXrTbFcgPNnkNA0MYEiZoNgNOg2FADUwHBwKhUAhQs4hE4hHQFhAPh4JRPifUjUY77GA0NOVtYrFmZ88PfAoBB39hCwteWFsIYVZTWVtdUleFB1BNlFVMTk9JAEtHn6E/pDumNqhKo6xJqqCtoq6xpbSntqm4q7O8sr61vcC/t8HEw7nFyMe7y7DJzMLRxtLK1NDT2NXZ19rd3N/Oza/juuHW5tvo3urg5M/s8O7i5fLn9en36/nt9P3v+/H8zfsn0F5BfAf1JQQXAgA7) no-repeat left top;
}
.current>a {
	/*右按下按钮http://i.imgur.com/JP1stMO.gif */
    background:url(data:image/gif;base64,R0lGODlhkAGWAMQfAP////39/P7+/vTy7fn59/Lx6ndmVfLx6/r6+Pf28vb18fj39dHNwZGDdOXh1ejm2u/t5q6klvn49uro3u3q4ufj2PX07/b18P39/fHw6fz8+vDu5721qevp34BwX+Ll2iH5BAEAAB8ALAAAAACQAZYAAAX/oCGOZGmeaKqubOu+cCzPdG3feK7vr9dEjI8QQCwaj8ikcslsOp/QqHRKrVqv2Kx2y+06BQEJhRFpcIbetHrNbrvf8LicC5ZYNuPIec7v+/+AgYKDRXUWEB0PDA0MhI6PkJGSk22GiA8OERGUnJ2en6CBlokVi6GnqKmqq0ujmA4erLKztLWiYYekDgYCvb6/wMHCw8TFxsfIycrLzM3Oz9DR0tPU1dbHGBoSA5cOuwHg4eLj5OXm5+jp6uvs7e7v8PHy8/T19vf4+eoaBAncE68MEBhIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzI0eGCCwUoPKjgzUCCkyhT/6pcybKly5cwY8qcSbOmzZs4c+rcybOnz59AYyq4cGBDIm+7BihdyrSp06dQo0qdSrWq1atYs2rdyrWr169gw4odS/VAUQoAkRoowLat27dw48qdS7eu3bt48+rdy7ev37+AAwseTLjw3QwQ0L7aZbix48eQI0ueTLmy5cIZNiQmVaGCAbOgQ4seTbq06dOoU6tezbq169ewY8ueTbu27du4VxdATCHRgwcGyAofTry48ePIkytfLvwAbwq9DSiYTr269evYs2vfzr279+/gw4sfT768+fPo06tfz777hQsWBuzWDMHAgvv48+vfz7+///8ABijggAQWaOCBCCao4P+CDDbo4IMQCngSfAOAJlBHGGao4YYcdujhhyCG2JEECyQw3XsGIKDiiiy26OKLMMYo44w01mjjjTjmqOOOPPbo449ABinkkDcOJMGREhigz5JMNunkk1BGKeWUVDKpwZUr8nLNllx26eWXYIYp5phkbonBmWgaYMuabLbpZhpqvinnnHTWWUScduap556o4Mnnn4AGKoifghZq6KFwIqroooxOQWijkEbK6KOSVmrpn5Reqummb2bK6aegsuJpqKSW2smopqaq6iCorurqq3G0CuustHYha6245uqorrz2esWtvgbrK7DCFosrscYm+yqyyjZrKrPORvsptNJWayn/tdZm2yi22nZ7KLfehgsouOKWmye55qYrJ7rqtrsmu+7GKwu88tbbp7348klvvvxOsm+/ADvyb8AEAzJwwQjPcXDCDLuxcMMQJxrxxKdSbLG/F2f8yMMad+wExx6HnATIIpdMBMkmi4xyyh6vzLLGLr98ccwyU0xzzRHfjHPDOu+ccM8+Fwx00AEPTXS/Rh+db9JK28t00/I+DbW7Uk+tbtVWm4t11uJuzbW3Xn+tbdhiW0t22dKejbazaq+tbNtuGwt33MLOTfewd/tsd9667s33sX/X7Hfgsw5O+LKHs2x44qouzvizj5fseOShTk75tJe3nHnHlm9+aeeeVwp6jOiRjk76tqfbnPrEpq+OaOuuGwp77ILOTvu4t/+cO8K2765n777bCXzwdA5P/LrHI508v8Yvz2bzztsCffS0TE/9vNdHnX281m+fSvfenwJ++KCMT74n5p/PSfrqY9x+uOy/D0n88gtcf7f03z+o/tnmz/8f/vtfHwIoQIUVMFoEPCAcEqhAhzXwbSEAADs=) no-repeat right top;
    padding-bottom:5px;
}