有序列表(order list)
有序列表是一列專案,列表專案使用數字進行標記。
有序列表始於 < ol> 標籤。每個列表項始於 < li> 標籤。
>
>
首頁li
>
>
關於我的li
>
ol>
效果圖如下:
無序列表(unorder list)
無序列表是一列專案,此列專案使用粗體圓點(典型的小黑圓圈)進行標記。
有序列表始於 < ul> 籤。每個列表項始於 < li> 標籤。
>
>
首頁li
>
>
關於我的li
>
ul>
效果圖如下:
定義列表
自定義列表不僅僅是一列專案,而是專案及其注釋的組合。
有序列表始於 < dl> 籤。每個列表項始於 < li> 標籤。
>
>
我的訊息dt
>
>
關注dd
>
>
粉絲dd
>
dl>
效果圖如下:
在平時我們使用到無序列表和有序列表的大多數時候並不需要它們前面的標記樣式,那該如何取消li的預設樣式呢?
只需要在對應的列表css樣式中編寫如下**:
li
li的樣式list-style-type的屬性值還有:
none 去掉列表符號
disc 實心圓
circle 空心圓
decimal 數字
square 實心方形
html之css 重要標籤
id div1 class c1 class c2 哎呀,厲害了p div class c2 忘記你了,o o哈哈 p div 啦啦啦 span class c3 你猜他是誰?p div1 p div1 p div1 p div1 p form 表單 name和value label 標籤 ol 有...
HTML標籤與css樣式
html是一種超文字標記語言,不是程式語言 超文字指頁面可以包括 鏈結 程式等非文字元素。他的結構包括頭 主體 其中head部提供關於網頁的資訊,body部分提供網頁的具體內容。標籤 標題標籤 h 即 head 的簡寫 有像這種錯誤的標籤在展示時不起作用 2 段落標籤 p 即 paragraph 的...
HTML與CSS的a標籤
a標籤 標籤定義超連結,用於從一張頁面鏈結到另一張頁面。元素最重要的屬性是 href 屬性,它指示要鏈結的目標位置,同時沒有href屬性a標籤內的內容與普通文字沒有區別,也就失去了超連結的功能。若是想要跳轉到當前頁面,那麼href的值為 被鏈結頁面通常顯示在當前瀏覽器視窗中,除非您規定了另乙個目標 ...