mtwm.net
当前位置:首页 >> CSS中怎么让<ul><li>A<ul><li>B<\li><\ul><\li><\u... >>

CSS中怎么让<ul><li>A<ul><li>B<\li><\ul><\li><\u...

方法一:不要方法二:给ul添加一个class 然后可以这么写.a ul.class01 li{}将你要的样式写进去,但是同时要注意的是,如果你在这里写的样式中没有.b li{}的样式,比如.b li{}里有样式color:#ff0000 但是.a ul.class01 li{}这里面没有给color定义,那么

#XXBox ul li a { color:#fff;display:block; border-bottom:solid 1px #999999;}#XXBox ul li li a{color:#333;display:block; border-bottom:solid 2px #666;}你不想要写2个class的话,可以在写一遍你想要的样式,css下面的样式会自动覆盖上面的,第一个行就是你现在加的样式,第二行有2个li 里面写原来的样式就可以了.

①#nav{ background:red <- 容器背景色}#nav ul{ background:gray; <-代表 ul整体背景色}两者都起到了作用,若想改变单个<home>背景色 应在#nav ul li{}内添加;②text-align:center <-字体居中 并非容器居中"margin:0 auto;" 应该在写#nav{}内;使其居中显示;③在#nav ul li{}加入 margin:0px; padding:0px;试试看

input {display:block; float:left; }ul {margin:0px; padding:0px; float:left; }这样就可以让input和ul显示在一行了.但这样出现的问题是,紧跟着的内容也会跑到一行去,所以这里的ul后面再加一个div用来清除浮动.input {display:block; float:left; }ul {

以下是我在editplus里编辑的,确认已实现你要的效果,如果还是不行,请先确认你的CSS代码是否对该<li>的样式进行了重复设定.================================================<!DOCTYPE HTML PUBLIC "-//W3C//

.dynamicing ul{ list-style-type:none; margin: 0px;

<div class="navi"> <ul> <li><a>首页</a></li> <li><a>公司简介</a></li> <li><a>产品展示</a></li> <li><a>客户留言</a></li> <li><a>人才招聘<

.txtBox ul li{ color:#FF0000; font:"宋体"; font-size:14px; }.txtBox ul li a:link{ color:#003399; }.txtBox ul li a:visited{ color:#003399; }.txtBox ul li a:hover{ color:#FFCC00; }

<ul type="disc" style="background-color:#CCCCCC;List-style-position:inside;"> <li>网页培训</li> <li>asp培训</li> <li>asp.net培训</li></ul>主要为ul添加CSS,里面有个list-style-position,设它为inside就可以了.另外,也可以使用margin来达到!

给ul设置一个固定的宽度就可以了:#container #menu ul{ width:1000px; list-style:none; margin:0 auto; padding:0;}#container #menu li{ text-indent:60px; float: left; margin:11px 20px 20px 0;}

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.mtwm.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com