css,坐标,背景图背景图: 效果: 代码:
<style type="text/css"> .spanicon { width: 32px; height: 32px; background: url(http://img.blog.csdn.net/20130808153035296) no-repeat; border: 0; color: #464646; line-height: 32px; margin-top: 2px } td { vertical-align: middle; text-align: left } </style> <body> <table> <tr> <td class="spanicon" style="background-position: 0px -0px;"></td> <td><a href="#">test1</a></td> </tr> <tr> <td class="spanicon" style="background-position: 0px -32px;"></td> <td><a href="#">test2</a></td> </tr> <tr> <td class="spanicon" style="background-position: 0px -64px;"></td> <td><a href="#">test3</a></td> </tr> <tr> <td class="spanicon" style="background-position: 0px -96px;"></td> <td><a href="#">test4</a></td> </tr> </table> </body>
css,坐标,背景图
|