重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
div弄个边框
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、成都网站制作、外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的平远网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
li浮动
a设为块元素并加宽度、行高,文字居中对齐
然后想办法用合适的方式清除下浮动,以免div包不住那些东西
如果上面的你都能自己动手解决了,最下面那个 显示全部 我想你也应该能想出办法来了。
不要看别人现成的代码,步骤就是上面那样,自己动手搞懂一次,比你看几百个别人现成的答案都有效,否则下次你还是不会任何东西。
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标签前面的小圆点。
1、css li的图片样式:liimg src="" class="img"/li
2、样式: .img{width:100px; height:100px; background:#f00;}
列表ulli/li/ul,其中ul是块级元素,li也是块级元素,怎么知道是不是块级元素?
给他们分别加上不同的background,给他们设定一定的width和height你就可以清晰的知道了。
li标签的css样式名称是current其中要说明的就是楼上说的有点小问题,li是dw的默认标签所以不需要调用class,直接设置完css之后li即可生效。不过它控制的是所有的li.如果要控制单个要分开定义css样式,然后再用class或id调用.
纯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
将li的样式设置成以下例子:display:inline;line-height:24px;height:auto;word-break:break-all;word-wrap : break-word ;可以修改一下,到适合你的要求。