【css控制ul标签下的指定li标签样式】的更多相关文章

css控制ul标签下的指定li标签样式

ul li:first-child{ }  第一个ul li:last-child{ }   最后一个ul li:nth-child(4){ } 指定第几个,4就是代表第四个ul li:nth-child(2n+1){background:red;}/*匹配第1.第3.第5.…个li*/ul li:nth-child(odd){background:red;}   基数ul li:nth-child(even){background:red;}  偶数…

css控制打印时只显示指定区域

  CreateTime--2017年9月26日08:16:04 Author:Marydon css控制打印时只显示指定区域 思路: 1.使用打印命令@media print: 2.控制执行打印命令时,非打印区域隐藏. CSS代码 <style type="text/css"> /* 执行打印命令时,非打印区域隐藏(不会被打印出来) */ @media print{ #noPrintDiv { display:none; } } </style> HTML代码…

css控制UL LI 的样式详解

用<ul>设置导航 <style> #menu ul {list-style:none;margin:0px;} #menu ul li {float:left;} </style> <div id="menu"> <ul> <li><a href="#">首页</a></li> <li class="menuDiv"><…

css控制UL LI 的样式详解(推荐)

代码如下: <div id="menu"> <ul> <li><a href="#">首页</a></li> <li class="menuDiv"></li> <li><a href="#">博客</a></li> <li class="menuDiv"&g…

DIV+CSS布局重新学习之css控制ul li实现2级菜单

竖状菜单: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co…

css控制input标签

逛到发现这个 个人感觉非常赞 下面是CSS样式 Js代码                           input { border:1px solid #B3D6EF; background:#ffffff; } input { star : expression( onmouseover=function(){this.style.backgroundColor="#D5E9F6"}, onmouseout=function(){this.style.backgroundCo…

css控制父元素下的子元素自适应高度，且高度一致

css代码: .wrap{width:600px;margin:0 auto; overflow:hidden;} .left{background:#ccc;width:300px;float:left;margin-bottom:-10000px;padding-bottom:10000px;} .right{background:#eee;width:300px;float:left;margin-bottom:-10000px;padding-bottom:10000px;} html…

CSS控制a标签链接的四种状态

/*CSS链接的四种状态 *a:link 普通的.未被访问的链接样式 *a:visited 用户已访问的链接样式 *a:hover 鼠标指针位于链接上方样式 *a:active 链接被点击的时刻样式 */…

全局css控制<td>标签属性

td { text-align: center; /*设置水平居中*/ vertical-align: middle; /*设置垂直居中*/    height:50px;             /*单元格高度*/}…

简单两步使用css控制div下导航栏ul居中显示

第一步:父层设置文本居中属性 ul{ text-align:center; } 第二步:li设置内联样式 li{ display:inline; } PS 只需以上两步就可以实现导航栏居中显示了,但为了美观好看,可以稍微加点料.以下供参考 <style type="text/css"> body{ background:#232e3c; padding:16px; } #nav ul{ text-align:center; list-style:none; } #nav l…