製作簡單網站導航步驟

使用Dreamweaver製作導航條會用到css樣式，現在就給大家簡單的製作一個導航條。

操作方法

（01）使用Dreamweaver新建一個html頁，並在<title></title>間添加css樣式。

（02）在<body></body>間添加一個div，class是預先寫好的top

（03）在div中添加列表<ul><li></li></ul>,保存預覽

（04）添加列表樣式top ul li{ float:left;}，預覽一下。

（05）去掉列表前面的點，添加list-style:none;

（06）為導航列表添加寬度、高度、行間距、字號等。

（07）為導航列表添加背景色、邊框，並且居中顯示。

（08）最終效果，如下圖。很簡單的製作，如果想要更精美就繼續學習css吧。

標籤：導航網站