轉 CSS定義li樣式

2021-09-05 22:26:24 字數 1065 閱讀 9354

轉自:

li的這個樣式定義是將列表專案使用來代替顯示的小圓點。當然您也可以顯示成其它效果,詳細請參閱下面的定義:

列表專案效果的css定義

li *list-style-type: circle(可換成自己想要的樣式); 列表專案樣式

disc :     css1 實心圓

circle :    css1 空心圓

square :    css1 實心方塊

decimal :    css1 阿拉伯數字

lower-roman :  css1 小寫羅馬數字

upper-roman : css1 大寫羅馬數字

lower-alpha : css1 小寫英文本母

upper-alpha : css1 大寫英文本母

none :     css1 不使用專案符號

armenian :   css2 傳統的亞美尼亞數字

cjk-ideographic:css2 淺白的表意數字

georgian :   css2 傳統的喬治數字

lower-greek :  css2 基本的希臘小寫字母

hebrew : css2 傳統的希伯萊數字

hiragana : css2 日文平假名字元

hiragana-iroha: css2 日文平假名序

katakana : css2 日文片假名字元

katakana-iroha: css2 日文片假名序號

lower-latin : css2 小寫拉丁字母

upper-latin : css2 大寫拉丁字母

*list-style-image: url(images/disc.gif); 用影象disc.gif代替列表專案顯示

*list-style-position : outside | inside

outside:  列表專案標記放置在文字以外,且環繞文字不根據標記對齊

inside :  列表專案標記放置在文字以內,且環繞文字根據標記對齊

css自定義導航、按鈕樣式– web前端開發- 專注前端開發,關注使用者體驗

google search

用CSS定義 li 樣式

li li的這個樣式定義是將列表專案使用來代替顯示的小圓點。當然您也可以顯示成其它效果,詳細請參閱下面的定義 列表專案效果的css定義 list style type circle 可換成自己想要的樣式 列表專案樣式 disc css1 實心圓 circle css1 空心圓 square css1...

CSS樣式表定義標籤li前面樣式

定義li前面的小點樣式 view plaincopy to cyhbgoj kilipboardprint?語法 list style type disc circle square dyhbgoj kiecimal upper romanyhbgoj ki lower alpha upyhbgoj...

CSS的ul與li樣式學習

ul和li列表是使用css布局頁面時常用的元素。在css中,有專門控制列表表現的屬性,常用的有list style type屬性 list style image屬性 list style position屬性和list style屬性。一 list style type屬性 list style ...