今天做项目，改一个东西，要求<li>背景</li>,背景下加个下划线，用了背景：
#left_menu_tiandi ul li
{
width:110px;
background:url(../images/line.jpg) repeat-x bottom left;
padding-bottom:5px;
text-align:center;
}
一开始没有用repeat-x，而且线紧贴背景下方，设了line-height后背景还是不好看，于是加了padding ,终于好了，同时加大宽度，width:110,加宽度后设置repeat-x，
表示背景线图片自动横向延伸，text-align为center后这样字就在线上方同时居中了
还有一个模板页的一个东西，left_menu_tiandi 放在母版页里，而ul li放在内容页里，这样的话css样式只需设置成#left_menu_tiandi ul li，就能设置成所有css样式
原文：http://www.cnblogs.com/wanshutao/p/4269843.html