您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關使用CSS中list-style-position的方法,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
list-style-position屬性用于指定要在列表開頭顯示的標記的位置,有外部和內部的規范方法
list-style-position是什么?
它用于指定<li>中標記(·)的顯示。(相關推薦:CSS學習手冊)
讓我們通過添加以下值來指定列表中標記的位置。
outside
標記顯示在外部,它變成縮進(縮進)顯示。
inside
標記被顯示在列表中的內容的區域的內側,它設置比所述標記和標記以外的部分的高度。
通過執行以下代碼可以完全刪除標記。
list-style-position: inside; list-style-type: none;
我們來看具體的代碼
HTML
<ul> <li>test</li> <li>test</li> <li>test</li> </ul>
CSS
li { list-style-position: inside; list-style-type: none; }
在瀏覽器上顯示效果如下:標記(·)沒有了
關于使用CSS中list-style-position的方法就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。