ul{list-style-type:none;}
ul li{float:left;width:50px;height:30px;}
ul a{line-height:30px;text-align:center;display:block;}
ul a:link,ul a:visited{text-decoration:none;color:black; }
ul a:hover,ul a:active{text-decoration:none;olor:white;background-color:#BE3948; }
ul li{float:left;width:50px;height:30px;}
ul a{line-height:30px;text-align:center;display:block;}
ul a:link,ul a:visited{text-decoration:none;color:black; }
ul a:hover,ul a:active{text-decoration:none;olor:white;background-color:#BE3948; }
没显示li图片是因为html文件没有
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2016-03-08
.mainBox { width:960px;margin:0 auto;background-color:#CFF;overflow:hidden;}
.leftBox,.rightBox{height:300px;}
.leftBox{width:740px;float:left;background-color:#C9F;}
.rightBox{width:210px;float:right;background-color:#FCF;}
.clear{overflow:hidden;height:0;}
.leftBox,.rightBox{height:300px;}
.leftBox{width:740px;float:left;background-color:#C9F;}
.rightBox{width:210px;float:right;background-color:#FCF;}
.clear{overflow:hidden;height:0;}
感谢 kino_ 仁兄分享给大家的~ myFocus Demo v2.0.1 链接: http://pan.baidu.com/s/1pJ5j0wz 密码: 7s7e,真的非常感谢,那个破网站下载不了,老师给的又是残缺的,广大的网友果然有爱~大家一起加油,嘻嘻
2016-03-08
已采纳回答 / 韩世林
浮动脱离正常文档流,如果div标签中没有任何内容的话,div所在区域将不显示,即使你设置了背景颜色。你的代码中,子div设置了浮动,脱离正常文档流,所以其父元素div没有任何内容,你必须设置了宽度才有用。
2016-03-08
.mybox {
width:200px;
height:100px;
border:1px solid red;
margin-top:10px;
padding-left:15px;
font-weight:bold;
}
width:200px;
height:100px;
border:1px solid red;
margin-top:10px;
padding-left:15px;
font-weight:bold;
}