码迷,mamicode.com
首页 > Web开发 > 详细

关于css样式line-height的应用

时间:2015-02-03 14:59:13      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

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

关于css样式line-height的应用

标签:

原文地址:http://www.cnblogs.com/wanshutao/p/4269843.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!