css样式,css中li标签背景颜色

css 样式表 控制li标签 并成表格显示

div弄个边框

li浮动

a设为块元素并加宽度、行高，文字居中对齐

然后想办法用合适的方式清除下浮动，以免div包不住那些东西

如果上面的你都能自己动手解决了，最下面那个 显示全部 我想你也应该能想出办法来了。

不要看别人现成的代码，步骤就是上面那样，自己动手搞懂一次，比你看几百个别人现成的答案都有效，否则下次你还是不会任何东西。

相关问答

Q1: 一行显示3个的CSS怎么写？

1、利用Dreamweaver新建一个html页面。

2、在body里面输入代码

ul

li你好/li

li小鱼/li

li小小/li

/ul。

3、默认的样式是这样的。

4、编辑li标签的css样式。

5、float:left代表的是元素左对齐。这样li标签就可以横排显示了，list-style:none用来去除li标签前面的小圆点。

Q2: CSS li的图片样式

1、css li的图片样式：liimg src="" class="img"/li

2、样式： .img{width:100px; height:100px; background:#f00;}

Q3: css样式中li也是块标签吗?

列表ulli/li/ul，其中ul是块级元素，li也是块级元素，怎么知道是不是块级元素？

给他们分别加上不同的background，给他们设定一定的width和height你就可以清晰的知道了。

li标签的css样式名称是current其中要说明的就是楼上说的有点小问题，li是dw的默认标签所以不需要调用class,直接设置完css之后li即可生效。不过它控制的是所有的li.如果要控制单个要分开定义css样式，然后再用class或id调用.

Q4: css下拉菜单

纯CSS的下拉菜单，我理解的意思就是li标签套li标签，然后再给li标签设置样式。在被套的li标签设置平时状态为隐藏，再等鼠标移动到上一个li标签时，将被套的li标签显示（样式：overflow:hidden; ）。大致意思就是如此。我对这些也不能说特别精通。网上倒是有很多倒子的。 贴一段网上摘的纯CSS下拉菜单（二级） !DOCTYPE HTML html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / title利用float制作兼容ie6纯css下来菜单/title style type="text/css" * { margin:0; padding:0; } ul { list-style:none; } a:hover {color:#555; } .nav { float:left; overflow:hidden; text-align:center; font-size:14px; } .nav dd { float:left; width:300px; margin:-888px -150px 0 0; } .nav dd a { float:left; margin-top:888px; display:block; position:relative; background:#eee; width:150px; height:30px; line-height:30px; border-bottom:1px solid #fff; } .nav a:hover { margin-right:1px; background:#3cf; } .nav dd ul { float:left; font-size:0; z-index:888; } .nav dd li a { clear:left; width:150px; margin-top:0; font-size:14px; } .nav dd li a:hover { margin-right:1px; } /style /head body dl class="nav" dda href=""首页/a/dd dd a href=""关于我们/a ul lia href=""公司简介/a/li lia href=""公司文化/a/li lia href=""企业荣誉/a/li lia href=""联系我们/a/li /ul /dd dd a href=""新闻动态/a ul lia href=""国内新闻/a/li lia href=""国外新闻/a/li /ul /dd dd a href=""产品展示/a ul lia href=""111/a/li lia href=""222/a/li /ul /dd /dl /body /html

Q5: css样式修改li水平显示

将li的样式设置成以下例子:display:inline;line-height:24px;height:auto;word-break:break-all;word-wrap : break-word ;可以修改一下，到适合你的要求。