国产免费av片在线观看-国产免费av观看-国产免费av电影-国产免费a-四虎网站在线观看-四虎网站在线

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

CSS教程:li和ul標(biāo)簽具體用法舉例

網(wǎng)頁教學(xué)網(wǎng) 2007/12/26 19:51:17 深山行者 字體: 瀏覽 9321

LI代碼的格式化:
A).運(yùn)用CSS格式化列表符: ul li{
list-style-type:none;
}
B).假如你想將列表符換成圖像,則: ul li{
list-style-type:none;
list-style-image: url(/blog/images/icon.gif);
}
C).為了左對(duì)齊,可以用如下代碼: ul{
list-style-type:none;
margin:0px;
}
D).假如想給列表加背景色,可以用如下代碼: ul{
list-style-type: none;
margin:0px;
}
ul li{
background:#CCC;
}
E).假如想給列表加MOUSEOVER背景變色效果,可以用如下代碼: ul{ list-style-type: none; margin:0px; }
ul li a{ display:block; width: 100%; background:#ccc; }
ul li a:hover{ background:#999; }說明:display:block;這一行必須要加的,這樣才能塊狀顯示!

F).LI中的元素水平排列,要害FLOAT:LEFT: ul{
list-style-type:none;
width:100%;
}
ul li{
width:80px;
float:left;
}
<ul><li>的區(qū)別
<LI> 的參數(shù)設(shè)定(常用):
例如: <li type="square" value="4">

type="square"
只適用于非順序清單,設(shè)定符號(hào)款式,其值有三種,如下,內(nèi)定為 type="disc":
符號(hào) 是當(dāng) type="disc" 時(shí)的列項(xiàng)符號(hào)。
符號(hào) if" width=10 height=10 border=0> 是當(dāng) type="circle" 時(shí)的列項(xiàng)符號(hào)。
符號(hào) 是當(dāng) type="square" 時(shí)的列項(xiàng)符號(hào)。
value="4"
只適用于順序清單,設(shè)定該一項(xiàng)的數(shù)目,其後各項(xiàng)將以此作為起始數(shù)目而遞增,但前面各項(xiàng)則不受影響,其值只能是 1,2,3.. 等整數(shù),沒有內(nèi)定值。
<UL>稱為無序清單標(biāo)記。
所謂無序清單就是在每一項(xiàng)前面加上 、、等符號(hào),故又稱符號(hào)清單。
<UL> 的參數(shù)設(shè)定(常用):
例如: <UL type="square">

type="square"
設(shè)定符號(hào)款式,其值有三種,如下,內(nèi)定為 type="disc":
符號(hào) 是當(dāng) type="disc" 時(shí)的列項(xiàng)符號(hào)。
符號(hào) 是當(dāng) type="circle" 時(shí)的列項(xiàng)符號(hào)。
符號(hào) 是當(dāng) type="square" 時(shí)的列項(xiàng)符號(hào)。

<ul>是項(xiàng)目列表,<li>是列表項(xiàng),項(xiàng)目列表就是用符號(hào)來列的,所以你列出來默認(rèn)的就是黑點(diǎn)啦,還有一個(gè)是<ol>這個(gè)是編號(hào)列表,用數(shù)字來列的,也是用<li>做列表項(xiàng)
<li>是 list item 即列表項(xiàng),但列表有很兩種,所以外面得有 <ul> 或者 <ol> 用來區(qū)別無序列表(小點(diǎn)點(diǎn))和有序列表(1,2,3...)。

 

相關(guān)閱讀
北京陽光無限經(jīng)貿(mào)有限公司
JAVA得到網(wǎng)卡物理地址(Windows和Linux)
asp統(tǒng)計(jì)信息/文章每日、每周、每月、總訪問量的方法
頁面里面的js和css的放的位置順序與加載速度分析
ASP版通過身份證信息獲取對(duì)應(yīng)的生日性別年齡
網(wǎng)站最近更新緩慢說明
asp隨機(jī)顯示圖象
過濾輸入字符串中的危險(xiǎn)符號(hào)
共有0條關(guān)于《CSS教程:li和ul標(biāo)簽具體用法舉例》的評(píng)論
發(fā)表評(píng)論
正在加載評(píng)論......
返回頂部發(fā)表評(píng)論
呢 稱:
表 情:
內(nèi) 容:
評(píng)論內(nèi)容:不能超過 1000 字,需審核,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼: 驗(yàn)證碼 
網(wǎng)友評(píng)論聲明,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號(hào)開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設(shè)置或獲取修改classname
利用css3.0寫出一個(gè)音樂播放的唱片碟盤的效果
利用css中的scale()實(shí)現(xiàn)放大縮小效果
利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數(shù)字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標(biāo)簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動(dòng)端自動(dòng)化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機(jī)抽取信息
asp隨機(jī)顯示字符長度與類型(可隨機(jī)顯示數(shù)字、小寫字母、大寫字母,可以做為隨機(jī)密碼使用)
ios蘋果版手機(jī)微信內(nèi)置瀏覽器$(document).on(
javascri獲取頁面實(shí)際高度
北京泓源萬國咨詢服務(wù)有限公司
江蘇綠葉國際旅行社
asp讀取QQ的rss之xml數(shù)據(jù)
主站蜘蛛池模板: 影库| 李采潭全部系列未删减| 牛素云| 中央八套电视剧| 虐猫视频哪里可以看| 沟通能力自我评价| 男女打扑克视频网站| 婴儿几个月添加辅食最好| 意大利a级情欲片女人城| 太原教育电视台| 真的爱你中文谐音歌词| 美女抽烟的视频| 果宝特攻5 2030| 德鲁| 高达w| 孙东杓| 春节到,人欢笑,贴窗花,放鞭炮| 高校新人| 海洋天堂电影免费观看高清| 案例分析100例| 布布一二情侣头像| 张柏芝惊艳照片| 稻草狗在线观看| 吻戏韩剧| 宋景诗| 凤凰卫视节目表| 电影《忠爱无言》| 六年级下册语文文言文二则| 捉弄电影| 卷珠帘歌词| 花煞| 柳堡的故事演员表| 挠中国美女丝袜脚心| 性色视频| xxoo电影| 五年级上册学法大视野答案| 日韩免费观看电影| 囚爱为奴免费观看电视剧| cctv16节目表今天目表| 境界千年血战篇| 单恋双城|