列表樣式屬性
在
HTML 中有 2 種列表、無序列表和有序列表,在工作中無序列表比較常用,無序列表就是 ul 標簽和 li 標簽組合成的稱之為無序列表,那什么是有序列表呢?就是 ol 標簽和 li 標簽組合成的稱之為有序列表,列表的基礎(chǔ)知識就簡單說明下,本章內(nèi)容主要說明的是如何給列表設(shè)置樣式,若有不懂列表是什么的園友筆者建議去 W3school官網(wǎng) 進行學(xué)習(xí)。list-style-type 、 list-style-position 、 list-style-image 、 list-style ,在這里就是簡單說明下列表常用的屬性名稱而已,具體使用或每一個屬性值的介紹,在下面會具體的說明,愛學(xué)習(xí)的園友不用擔心哦。list-style-type屬性
list-style-type屬性作用:就是設(shè)置列表前面項目符號的類型。
list-style-type屬性值說明表。
| 屬性值 | 描述 |
|---|---|
| none | 將列表前面項目符號去除掉。 |
| disc | 將列表前面項目符號設(shè)置為實心圓。 |
| circle | 將列表前面項目符號設(shè)置為空心圓。 |
| square | 將列表前面項目符號設(shè)置為實心小方塊。 |
屬性值為none使用方式
讓我們進入列表的
list-style-type 屬性值為 none 實踐,實踐內(nèi)容如:使用 class 屬性值為 .box 將列表前面項目符號去除掉。list-style-type 屬性值為 none 之前看看列表前面項目符號是什么,讓初學(xué)者有一個直觀的印象。代碼塊
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>列表的list-style-type屬性值為none實踐</title>
</head>
<body>
<ul>
<li>成功不是打敗別人,而是改變自己。</li>
新聞熱點
疑難解答