css控制ul標(biāo)簽下li樣式

在ul標(biāo)簽下li的默認(rèn)樣式為一個實心圓（disc）? ?可忽略不寫

創(chuàng)新互聯(lián)主營石家莊網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app軟件開發(fā),石家莊h5成都小程序開發(fā)搭建,石家莊網(wǎng)站營銷推廣歡迎石家莊等地區(qū)企業(yè)咨詢

li樣式的改變是用 list-style:屬性值 來改變的

我們給li設(shè)置css，去除默認(rèn)樣式（實心圓）

將li的樣式設(shè)置為空心圓

將li的樣式設(shè)置為實心正方形

其他：

decimal ? : ?　CSS1　阿拉伯?dāng)?shù)字

lower-roman ? :? 　CSS1　小寫羅馬數(shù)字 ?

upper-roman ? :? 　CSS1　大寫羅馬數(shù)字 ?

lower-alpha ? :? 　CSS1　小寫英文字母 ?

upper-alpha ? :? 　CSS1　大寫英文字母??

armenian ? : ?　CSS2　傳統(tǒng)的亞美尼亞數(shù)字 ?

cjk-ideographic ? :? 　CSS2　淺白的表意數(shù)字 ?

georgian ? : ?　CSS2　傳統(tǒng)的喬治數(shù)字 ?

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

hebrew ? : ?　CSS2　傳統(tǒng)的希伯萊數(shù)字 ?

hiragana ? : ?　CSS2　日文平假名字符 ?

hiragana-iroha ? :? 　CSS2　日文平假名序號 ?

katakana ? : ?　CSS2　日文片假名字符 ?

katakana-iroha ? :? 　CSS2　日文片假名序號 ?

lower-latin ? :? 　CSS2　小寫拉丁字母 ?

upper-latin ? :?　CSS2　大寫拉丁字母?

怎樣才能用css控制第一個li標(biāo)簽的樣式，和其他li的樣式不同

css控制第一個li標(biāo)簽的樣式，和其他li的樣式不同：給第一個li標(biāo)簽添加class或者id，然后編寫css代碼。

html：給第一個li元素添加一個class類名為“menu1”。

html：

ul

li class=“menu1”新聞一/li

li新聞二/li

li新聞三/li

/ul

css代碼：

li{font-size：14px；} //4px大小的字體

.menu1{font-size:18px;font-weight：bold；} //字體樣式：粗體18px字體

效果：

CSS li的圖片樣式

1、css li的圖片樣式：liimg src="" class="img"/li

2、樣式： .img{width:100px; height:100px; background:#f00;}

css樣式中的li

表示和當(dāng)前l(fā)i同級的所有l(wèi)i標(biāo)簽。不包括父級li和子級li。

另外常用的還有l(wèi)ili：這個表示當(dāng)前l(fā)i的子級li標(biāo)簽。

本文名稱：cssli樣式,css里樣式表里優(yōu)先級最高
當(dāng)前路徑：http://www.rwnh.cn/article44/dsdjohe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、關(guān)鍵詞優(yōu)化、微信小程序、App設(shè)計、App開發(fā)

廣告

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