【DW教程】如何利用CSS樣式設定列表文字?

我現在詳細教你如何利用CSS樣式設定列表文字，為的是讓你很快真正理解CSS樣式。

工具/原料

電腦

DW軟體

方法/步驟

開啟Adobe Dreamweaver CC 2015。

執行選單欄中的"檔案>新建"命令或按住Ctrl+N鍵開啟"新建文件"對話方塊，選擇其文件型別為HTML，單擊"建立"按鈕，即建立一個網頁文件。

在和之間新增

，如下圖所示。

【基本語法】

....

【語法說明】

在HTML檔案中，可以利用成對的

標記插入無序列表。

CSS中的class中文意思是類,類可以應用於多個標籤元素。

類前面都帶有一個英文句點“.”如:

引用時在標籤里加上class=""例:用在段落標籤：

大字型

和

之間新增"

首頁

新聞

汽車

體育

視訊

",如下圖所示。

【基本語法】

• ....
• ....
• ....
• ....

.....

【語法說明】

列表項標記

用來定義列表項序列。

和之間新增"",如下圖所示。

【基本語法】

【語法說明】

之間新增".text{color:hsla(295,86%,50%,1.00);font-family:"微軟雅黑";list-style-type:none;}

【基本語法】

color屬性：設定字型顏色

font-family屬性：設定文字樣式

list-style-type屬性：設定列表樣式（none：不顯示任何列表符號或編號）

儲存網頁檔案，按住F12鍵可以在瀏覽器中預覽效果，如下圖所示。