今天做项目,改一个东西,要求<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样式
时间: 2024-11-10 15:48:51