css中利用什么属性控制列表的样式
控制列表樣式的屬性：1、“l(fā)ist-style-type”，設置列表標記的類型；2、“l(fā)ist-style-position”，設置標記的放置位置；3、“l(fā)ist-style-image”，將圖像設為列表標記；4、“l(fā)ist-style”。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
列表(List) 屬性
屬性說明CSSlist-style在一個聲明中設置所有的列表屬性1list-style-image將圖像設置為列表項標記1list-style-position設置列表項標記的放置位置1list-style-type設置列表項標記的類型1
（1）list-style-type：用于控制標記符的外觀形狀。
對于無序列表，該屬性取值如下：1. none，沒有標記符；2. disc（默認值），填充的圓；3. circle，空心圓；4. square，填充的正方形。
對于有序列表，該屬性取值如下：1. decimal，數(shù)字；2. decimal-leading-zero，前面加0的數(shù)字；3. lower-alpha，小寫字母；4. upper-alpha，大寫字母；5. lower-roman，小寫羅馬字母；6. upper-roman，大寫羅馬字母。
（2）list-style-position： 該屬性用于聲明列表標志相對于列表項內容的位置。
外部 (outside) 標志會放在離列表項邊框邊界一定距離處，不過這距離在 CSS 中未定義。內部 (inside) 標志處理為好像它們是插入在列表項內容最前面的行內元素一樣。對于嵌套列表，可以使用值inherit，規(guī)定應該從父元素繼承 list-style-position 屬性的值。
（3）list-style-image：指定圖像作為標記。
使用方式如下：
li { list-style-image: url("haha.gif") }
需要注意的是，如果正在使用嵌套列表，該屬性會繼承父元素，為了防止繼承，須將list-style-image設置為none。
（4）list-style：簡寫形式
可以一次性表達以上三個屬性中的多個屬性，可以以任意順序出現(xiàn)。
測試效果圖如下：
CSS代碼如下：
li { border: red solid thin; }ul { list-style: square outside }ol { list-style: upper-alpha inside; } ul.one { list-style: url("test1.jpg") inside; }
HTML代碼如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"><html><head><meta charset="utf-8" /> <base href="http://testsmarty/templates/"></base><title>CSS控制列表樣式</title><link rel="stylesheet" type="text/css" href="test1.css"></head><body><table width="700" border="1"><tr><td>無序列表樣式</td><td>有序列表樣式</td><td>使用圖片做標記符</td></tr><tr><td><ul><li>one</li><li>two</li><li>three</li></ul></td><td><ol><li>one</li><li>two</li><li>three</li></ol></td><td><ul class="one"><li>one</li><li>two</li><li>three</li></ul></td></tr><tr><td colspan="3">注意outside與inside其標記符與li元素框的位置</td></tr></table></body></html>
（學習視頻分享：css視頻教程）
總結
以上是生活随笔為你收集整理的css中利用什么属性控制列表的样式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 映射远程网盘_实用
- 下一篇： 浪潮信息与英特尔发布新一代AI服务器NF