首頁 >web前端 >css教學 >li標籤有哪些屬性? css中li標籤的屬性詳解

li標籤有哪些屬性? css中li標籤的屬性詳解

云罗郡主
云罗郡主原創
2018-11-07 14:19:2122598瀏覽

在html中,我們常常會遇到li標籤,那麼li標籤有哪些屬性?下面我們來了解一下css中li標籤的屬性。

一:標籤有哪些屬性

在html中,使用css中li標籤來控制樣式,很多網站上都是點為開頭,也有的是按照圖片形式開頭。 li是html中是最基本的屬性,li標籤用於無序且有序的清單中,例如:

<ol> 
<li>php1</li> 
<li>php2</li> 
</ol> 
 
<ul> 
<li>php3</li> 
<li>php4</li> 
</ul>

效果如下:

li標籤有哪些屬性? css中li標籤的屬性詳解

在上述程式碼中,可以看到li的預設有序和無序,ol是以有序的數字進行排列,而沒有順序的ul是以小圓點來進行排序的。目前在所有瀏覽器中,都是可以就相容li。 【推薦閱讀:javaScript動態加入Li元素

#二:css中li標籤的屬性詳解

很多時候,我們都會為li加上屬性,來達到想要的效果,我們可以讓元素水平排列也可以讓元素左對齊,也可以為列表加上顏色,例如:

ul{
    width:100%;
}
li{
    float:left;
}

以上程式碼我們就可以實現對元素進行水平排列,如果想要其他效果,直接修改程式碼就可以了。

以上就是li標籤有哪些屬性? css中li標籤的屬性詳解的全部介紹,如果您想了解更多有關CSS3教程,請關注PHP中文網。


以上是li標籤有哪些屬性? css中li標籤的屬性詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn