首頁 > web前端 > css教學 > 主體

如何使用CSS的list-style-position

不言
發布: 2018-11-28 09:08:01
原創
3686 人瀏覽過

list-style-position屬性用來指定要在清單開頭顯示的標記的位置,有外部和內部的規範方法,本篇文章將為大家介紹關於CSS中list-style- position的使用方法,下面我們就來看看具體的內容。

list-style-position是什麼?

它是用來指定

  • 中標記(·)的顯示。 (相關推薦: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

    本篇文章到這裡就全部結束了,更多相關內容可以關注php中文網的CSS視頻教程進一步學習! ! !

  • 以上是如何使用CSS的list-style-position的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    作者最新文章
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板