第七章：橫向導航菜單

 二維碼 231
發表時間：2015-12-23 22:38作者：敖游來源：遨游建站網址：http://m.oudifangfumu.com

　　今天我們開始學習《十天學會web標準(div+css)》的html列表，包含以下內容和知識點：

　　一、橫向列表菜單

　　二、用圖片美化的橫向導航

　　三、css Sprites

　　一、橫向列表菜單

　　前邊學習過縱向導航菜單，又學習了float屬性，那么要實現橫向導航菜單是不是很簡單了，只需要把li橫向排列就可實現了。把第四節的代碼拿過來直接用，修改后的代碼如下：

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　<html xmlns="http://www.w3.org/1999/xhtml">

　　<head>

　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

　　<style type="text/css">

　　body { font-family: Verdana; font-size: 12px; line-height: 1.5; }

　　a { color: #000; text-decoration: none; }

　　a:hover { color: #F00; }

　　#menu { border: 1px solid #CCC; height:26px; background: #eee;}

　　#menu ul { list-style: none; margin: 0px; padding: 0px; }

　　#menu ul li { float:left; padding: 0px 8px; height: 26px; line-height: 26px; }

　　</style>

　　</head>

　　<body>

　　<div id="menu">

　　<ul>

　　<li><a href="#">首頁</a></li>

　　<li><a href="#">網頁版式布局</a></li>

　　<li><a href="#">div+css教程</a></li>

　　<li><a href="#">div+css實例</a></li>

　　<li><a href="#">常用代碼</a></li>

　　</ul>

　　</div>

　　</body>

　　</html>

　　提示：可以先修改部分代碼后再運行

　　

　　最主要就是用float讓li向右浮動后，實現橫向排列，具體步驟不再贅述。以前許多朋友提問怎么讓它水平居中，其實很簡單，首先導航的寬度是固定的，然后設置margin:0 auto;即可實現了

上一頁 1 2 3 下一頁
廣告投放問題
網站建設問題
小程序設計問題

以信載商，良心建站。遨游始終秉承“一次建站、終身維護”的宗旨，竭誠為客戶提供最優質的互聯網服務。遨游建站率先植入seo優化理念，讓你的網頁更利于搜索引擎抓取，關鍵詞排名更靠前。可仿站、可定制。無論是傳統型企業官網、集團型品牌官網，還是營銷型網站、電商型網站、定制型網站、特殊行業網站（醫療、教育），全部搞定。

公司：網站建設_小程序設計_競價托管代運營公司；郵箱：1013601535@qq.com

手機：17073547034；QQ： 1013601535

在線留言咨詢，24小時內回復
我想咨詢
*
企業名稱
手機號碼
*
您的姓名
所在城市
提交
最新發布
我們是中小企業可信賴的合作伙伴！始終專注一件事，一站式互聯網信息技術服務商
19240102767
全國統一服務熱線
遨游建站是全國高端網站建設公司，提供廣州企業網站建設/小程序開發/購物網站設計制作與競價托管代運營服務；秉承“一次建站，終身維護”的宗旨，有償提供互聯網技術支持。
本站部分圖片、音頻、視頻來源于網絡，版權歸原作者，如有侵權請聯系我們刪除。
手
機
站
后
臺
管
理
主站蜘蛛池模板： 亚洲国产成人久久综合一区| 色欲天天婬色婬香视频综合网| 亚洲五月综合缴情婷婷| 18和谐综合色区| 亚洲AⅤ优女AV综合久久久| 色欲人妻综合AAAAA网| 天天做.天天爱.天天综合网 | 亚洲AV综合色区无码二区爱AV| 婷婷丁香五月激情综合| 狠狠激情五月综合婷婷俺| 色婷婷综合中文久久一本| 99热婷婷国产精品综合| 久久综合九色综合久99| 99久久综合给久久精品| 狠狠色丁香久久综合五月| 亚洲高清无码综合性爱视频| 亚洲综合在线成人一区| 亚洲伊人tv综合网色| 中文字幕亚洲综合久久男男| 亚洲国产欧洲综合997久久| 亚洲人成在久久综合网站| 久久综合久久精品| 国产成人亚洲综合无码精品| 综合亚洲伊人午夜网| 婷婷综合缴情亚洲狠狠尤物| 久久亚洲精品高潮综合色a片| 色综合视频一区中文字幕| 色综合天天综合网站中国| 一本色道久久88—综合亚洲精品| 久久五月天综合网| 亚洲国产精品成人综合色在线婷婷| 亚洲欧洲日产国产综合网| 99久久国产综合精品2020| 亚洲国产成+人+综合| 日韩综合在线视频| 亚洲伊人久久综合影院| 国产成人亚洲综合色影视| 亚洲人成人伊人成综合网无码| 久久综合九色综合久99| 九月丁香婷婷亚洲综合色| 亚洲国产精品综合久久久|