css中列表樣式指的是什么

小編給大家分享一下css中列表樣式指的是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯于2013年開始，是專業(yè)互聯網技術服務公司，擁有項目網站制作、網站建設網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元環(huán)翠做網站,已為上家服務,為環(huán)翠各地企業(yè)和個人服務,聯系電話:18982081108

css中列表樣式是：1、css有序列表【ol】和css無序列表【ul】；2、css列表標號樣式【list-style-type】；3、css標號樣式的顯示方式【list-style-position】。

css中列表樣式是：

1、css有序列表(ol)和css無序列表（ul）

　　list.html
 
　　<!doctypehtml><html><head>
 
　　<metacharset="utf-8">
 
　　<title>列表樣式</title>
 
　　<linkhref="box.css"type="text/css"rel="stylesheet"></head><body>
 
　　<p>
 
　　<ul>
 
　　<li>水果<ol>
 
　　<li>蘋果</li>
 
　　<li>香蕉</li>
 
　　<li>梨子</li>
 
　　</ol>
 
　　</li>
 
　　</ul>
 
　　</p></body></html>

2、css列表標號樣式list-style-type

屬性值：

  • circle;空心圓

  • disc;實心圓

  • decimal;數字

　　list.css
 
　　ul>li{
 
　　list-style-type:circle;
 
　　}
 
　　ul>li>ol>li{
 
　　list-style-type:disc;
 
　　}

3、css標號樣式的顯示方式list-style-position

屬性值：outside(在文本之外,默認)

inside(和文本一起)

　　list.css
 
　　ul{
 
　　text-align:center;
 
　　list-style-position:outside;
 
　　}
 
　　ul>li{
 
　　list-style-type:circle;
 
　　}
 
　　ul>li>ol>li{
 
　　list-style-type:disc;
 
　　}

以上是“css中列表樣式指的是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道！

文章名稱：css中列表樣式指的是什么
轉載來于：http://muchs.cn/article12/gdohdc.html

成都網站建設公司_創(chuàng)新互聯，為您提供用戶體驗、網站導航、網站建設、App開發(fā)、軟件開發(fā)、面包屑導航

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯

成都seo排名網站優(yōu)化