第七章：橫向導航菜單

 二維碼 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
全國統一服務熱線
遨游建站是全國高端網站建設公司，提供廣州企業網站建設/小程序開發/購物網站設計制作與競價托管代運營服務；秉承“一次建站，終身維護”的宗旨，有償提供互聯網技術支持。
本站部分圖片、音頻、視頻來源于網絡，版權歸原作者，如有侵權請聯系我們刪除。
手
機
站
后
臺
管
理
主站蜘蛛池模板： 色综合天天综合网看在线影院| 国产成人精品久久综合| 久久综合一区二区无码| 一本一道久久精品综合| 色综合天天综一个色天天综合网| 亚洲综合无码一区二区三区| 激情综合婷婷丁香五月俺来也| 久久综合鬼色88久久精品综合自在自线噜噜| 天天色天天射综合网| 人人狠狠综合久久亚洲婷婷| 伊人色综合视频一区二区三区| 99热婷婷国产精品综合| 色综合久久综合中文小说| 亚洲欧洲日产国产综合网| 狠狠色综合久色aⅴ网站| 色综合久久天天综合观看| 国产婷婷综合丁香亚洲欧洲| 伊人色综合久久88加勒| 亚洲国产免费综合| 国产综合成人亚洲区| 色综合久久天天综合| 伊人久久亚洲综合影院首页| 亚洲综合精品一二三区在线 | 亚洲国产成人久久综合区| 亚洲狠狠婷婷综合久久蜜芽| 亚洲综合一区二区国产精品| 国产成人无码综合亚洲日韩| 亚洲色欲久久久综合网东京热 | 日韩亚洲国产综合高清| 久久婷婷色香五月综合激情| 亚洲欧美熟妇综合久久久久 | 好了av第四综合无码久久| 狠狠狠色丁香婷婷综合久久俺| 中文字幕亚洲综合久久菠萝蜜| 东京热TOKYO综合久久精品 | 2020久久精品亚洲热综合一本| 色与欲影视天天看综合网| 久久香综合精品久久伊人| 欧美日韩色另类综合| 激情97综合亚洲色婷婷五| 亚洲综合丁香婷婷六月香|