前端學習第7天
阿新 • • 發佈:2018-12-13
列表
有序列表:ordered list
-
定義有序列表
-
定義專案。
-
定義的描述。
列表型別
無序列表: unordered list
list-style-type:disc圓點列表
list-style-type:circle圓圈列表
list-style-type:square:正方形列表
有序列表:ordered list
1 decimal 小數
A upper-alpha 大寫的希臘數字
a lower-alpha 小寫的希臘數字
I upper-roman 大寫的羅馬數字
i lower-roman 小寫的羅馬數字
upper-latin 大寫的拉丁語
lower-latin 小寫的拉丁語
列表位置:list-style-position
list-style-position: inside;小圓點在內部顯示
list-style-position: outside;小圓點在內部顯示
列表圖片
list-style-image: url(“timg.jpg”);
list-style: none;不顯示列表
偽類選擇器:
a:link未訪問過的連結
a:visited已訪問過的連結
a:hover 滑鼠劃過的連結
a:active 已選中的連結
媒體
圖片
src圖片地址
title滑鼠放在圖片上顯示
alt圖片顯示不出來,顯示的文字
視訊
src資源地址
controls 控制欄
poster首圖地址
列表程式碼:
執行結果:
思維導圖
無序列表: unordered list
-
定義無序列表
描述列表
-
定義列表。