一行顯示3個的CSS怎么寫？

1、利用Dreamweaver新建一個html頁面。

創(chuàng)新互聯(lián)公司主要從事做網(wǎng)站、成都網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)烏爾禾,十年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

2、在body里面輸入代碼

ul

li你好/li

li小魚/li

li小小/li

/ul。

3、默認的樣式是這樣的。

4、編輯li標簽的css樣式。

5、float:left代表的是元素左對齊。這樣li標簽就可以橫排顯示了，list-style:none用來去除li標簽前面的小圓點。

CSS li的圖片樣式

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

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

用css 只控制第一個li的樣式怎么控制？

很多方法都是可以實現(xiàn)值控制一個li樣式而不影響其他的，最簡單的是給第一個li設(shè)置一個id或者設(shè)置一個單獨的class，也可以使用最新的css3選擇器。

工具原料：編輯器、瀏覽器

1、設(shè)置類或者id的方法

簡單的代碼示例如下：

body

ul

li?id="special"111/li

li222/li

li333/li

li444/li

li555/li

/ul

style

#special{

background:?#ccc;

}

/style

/body

2、使用css3的選擇器

body

ul

li?id="special"111/li

li222/li

li333/li

li444/li

li555/li

/ul

style

li:first-child

{?

background-color:yellow;

}

/script

/body

css控制ul標簽下li樣式

在ul標簽下li的默認樣式為一個實心圓（disc）? ?可忽略不寫

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

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

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

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

其他：

decimal ? : ?　CSS1　阿拉伯數(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

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

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

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

css控制第一個li標簽的樣式，和其他li的樣式不同：給第一個li標簽添加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字體

效果：

文章標題：li樣式css,li樣式設(shè)置
瀏覽地址：http://chinadenli.net/article48/dsejhep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、網(wǎng)站策劃、品牌網(wǎng)站設(shè)計、建站公司、移動網(wǎng)站建設(shè)、外貿(mào)建站

廣告

聲明：本網(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)