使用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)為導航列表添加寬度、高度、行間距、字號等。
(08)最終效果,如下圖。很簡單的製作,如果想要更精美就繼續學習css吧。