使用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吧。