重慶分公司,新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
為企業提供網站建設、域名注冊、服務器等服務
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 ;可以修改一下,到適合你的要求。