关于css样式line-height的应用

今天做项目,改一个东西,要求<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样式

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。