0
A
回答
6
您可以使用div
元素和浮起來留下CSS各種例子。
HTML:
<div id="nav">
<ul>
<li><a href="http://example.com/page2">A Link</a></li>
<li><a href="http://example.com/page3">Another Link</a></li>
</ul>
</div>
<div id="content">
<p> Here's some stuff </p>
</div>
CSS:
#nav {
width: 20%;
float: left;
background-color: gray;
}
#content {
width: 80%;
}
我也將通過HTML和CSS教程在HTML Dog運行。它會讓你的生活變得更容易。
1
0
HTML:
<!Doctype html>
<html projectReviver="leftmenu.html">
<head>
<title>My Left Menu</title>
<link rel="StyleSheet" href="design.css" type="text/css" />
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<nav>
<div id="main">
<ul>
<li><a href="page.html">First page</a></li>
<li><a href="page2.html">2<sup>nd</sup>page</a></li>
</ul>
</div>
</nav>
</body>
</html>
design.css:
#mainu ul {
list-style: none;
background-color: red;
}
#nav {
width: 20%;
float: left;
background-color: red;
}
#content {
list-style: none;
}
相關問題
- 1. 在右側創建帶半圓的菜單(導航菜單)
- 2. 創建側面菜單wp8
- 3. 如何爲cms創建導航菜單?
- 4. 如何創建動態導航菜單?
- 5. 如何關閉這個側面菜單導航點擊以外的其他菜單導航div
- 6. 遞歸SQL創建DNN導航菜單
- 7. 使用Twig創建導航菜單
- 8. 使用跳轉菜單創建導航
- 9. 用Zend導航創建子菜單
- 10. 如何使用react-native創建側面菜單?
- 11. 從頂部導航菜單隱藏新創建的頁面
- 12. WPF項目,與按鈕的側面菜單導航
- 13. 引導側面導航欄
- 14. 在導航菜單中創建子菜單
- 15. 修復下拉菜單右側導航菜單
- 16. 如何從導航欄(iOS)創建下拉菜單
- 17. 如何使用HTML,CSS和JQuery創建CNN菜單導航
- 18. 如何在Orchard中創建自定義導航菜單CMS
- 19. 如何用2個摺疊菜單創建導航欄?
- 20. 如何在HTML/PHP中爲導航欄創建下拉菜單?
- 21. 如何創建帶有下拉菜單自定義導航欄
- 22. 如何創建像wordpress拖放式導航菜單管理器?
- 23. 如何創建導航菜單與png圖片文字
- 24. 如何在ASP MVC3中創建可重用的導航菜單?
- 25. 如何使用HTML5和JQuery創建下拉導航菜單
- 26. 如何在導航抽屜中創建子菜單
- 27. 如何創建一個具有下拉菜單的全長導航菜單
- 28. 如何顯示導航菜單div滑塊左側
- 29. 如何在導航菜單左側添加徽標
- 30. 如何在創建子主題的#header裏面添加導航菜單
可否請您是一個更具體一點,我們如何能夠幫助? – 2011-02-03 14:48:26
我只想要在我的頁面左側的項目列表,當點擊導航到不同的頁面時。導航項目可以是簡單的文本或按鈕。謝謝 – 2011-02-03 14:56:37