1、如何用CSS設置ul，使其在div中l(wèi)i靠左對齊？ul有默認的左邊距。2、和設置ul的標簽樣式的大小

1、在ul樣式中設置文本居左對齊。

創(chuàng)新互聯(lián)于2013年開始，是專業(yè)互聯(lián)網技術服務公司，擁有項目網站制作、成都網站建設網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元即墨做網站,已為上家服務,為即墨各地企業(yè)和個人服務,聯(lián)系電話:028-86922220

ul {

padding:0;

margin:0;

text-align:?left;

list-style-type:?none;

}

2、標簽大小不同，可以用自定義的背景圖片代替標簽樣式。

ul li

{

background-image:url(sqpurple.gif);

background-repeat:no-repeat;

background-position:0px 5px;

padding-left:14px;

}

擴展資料：

控制ul下具體的li:

1、ul li:first-child{ }

第一個li

2、ul li:last-child{ }

最后一個li

3、ul li:nth-child(4){ }

指定第幾個,4就是代表第四個li

4、ul li:nth-child(2n+1){background:red;}

匹配第1、第3、第5、…個li

5、ul li:nth-child(odd){background:red;}

奇數(shù)的li

6、ul li:nth-child(even){background:red;}

偶數(shù)的li

css控制ul標簽下li樣式

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

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

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

將li的樣式設置為空心圓

將li的樣式設置為實心正方形

其他：

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代碼中的ul和li是什么意思

暈，樓上的都在胡說八道

ul是定義無序列表的樣式

li是列表內行的樣式

在HTML代碼中列表是這樣的

ul

li列表一/li

li列表二/li

/ul

html css 樣式 ul li

!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Strict//EN"?

""?

html?xmlns=""?lang="zh-CN"

head

title鼠標移動顯示/title

meta?http-equiv="Content-Type"?content="text/html;charset=utf-8"/

meta?name="description"?content=""/

script?type="text/javascript"?src="js/jquery-1.8.0.js"/script?

style?type="text/css"

ul,li{

margin:0px;

padding:0px;

list-style:?none;

}

ul{

height:31px;

border-bottom:1px?solid?#f46d52;

}

li{

width:100px;

height:30px;

border-radius:5px?5px?0px?0px;

border:1px?solid?#ccc;

border-bottom:none;

text-align:?center;

line-height:?30px;

background-color:#EEEEEE;

float:?left;

color:black;

font-weight:?800;

margin-left:5px;

}

li:hover{

height:31px;

background-color:?white;

color:#FDE7D2;

border:1px?solid?#f46d52;

border-bottom:none;

cursor:pointer;

}

/style?

/head

body

div?class="nav"

ul

li導航1/li

li導航2/li

li導航3/li

/ul

/div

/body

/html

效果圖：

這個只是簡單的.hover事件，如果要點擊得到效果那個需要寫js。。。

css樣式設置中如圖，ul li{}和li{}有什么區(qū)別？

沒區(qū)別，因為ul都和li配套使用。

ul li表示 匹配HTML中所有ul下的(后代)li。

li表示 匹配HTML中所有的li標簽。

CSS：Ul 和 Li

意思就是html標簽里的ul和li里都設置那些屬性。只要有的屬性都可以設置。 ul和li就是列表 追問： 他是自動套用嗎？ 還有，你說Ul 和 li 是列表? 能解釋嗎? 謝謝. 回答： html head /head body ou liaaa/li uibbb/ui /ou /body /html 列表的應該是ou吧，就這樣，li是 有序 列表，可以設置前邊的顯示比如1，2，3或者I,II,III，ul是 無序 的，前邊只顯示一個黑點。只要你的網頁源文件有l(wèi)i或者ui 標簽 就會自動套用那個css了，當然先得加載css。 就是這樣的

文章標題：cssulli樣式,li標簽css樣式
轉載來于：http://chinadenli.net/article15/dsggjgi.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供響應式網站、做網站、App設計、網站維護、軟件開發(fā)、虛擬主機

廣告

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