激情毛片,亚洲无码在线a看,色哟哟网站入口在线观看视频

　CSS 實(shí)用實(shí)例

作者：Linyupark　時(shí)間： 2006-07-12　文檔類(lèi)型：翻譯　來(lái)自：網(wǎng)絡(luò)維他命

第 1 頁(yè) CSS 實(shí)用實(shí)例 [1]
第 2 頁(yè) CSS 實(shí)用實(shí)例 [2]
第 3 頁(yè) CSS 實(shí)用實(shí)例 [3]
第 4 頁(yè) CSS 實(shí)用實(shí)例 [4]
第 5 頁(yè) CSS 實(shí)用實(shí)例 [5]
第 6 頁(yè) CSS 實(shí)用實(shí)例 [6]
第 7 頁(yè) CSS 實(shí)用實(shí)例 [7]
第 8 頁(yè) CSS 實(shí)用實(shí)例 [8]
第 9 頁(yè) CSS 實(shí)用實(shí)例 [9]

List 列表

無(wú)序列表的不同項(xiàng)目標(biāo)號(hào)

運(yùn)行代碼框
<html> <head> <style type="text/css"> ul.disc {list-style-type: disc} ul.circle {list-style-type: circle} ul.square {list-style-type: square} ul.none {list-style-type: none} </style> </head> <body> <ul class="disc"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ul class="circle"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ul class="square"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> <ul class="none"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

有序的列表的不同項(xiàng)目標(biāo)號(hào)

運(yùn)行代碼框
<html> <head> <style type="text/css"> ol.decimal {list-style-type: decimal} ol.lroman {list-style-type: lower-roman} ol.uroman {list-style-type: upper-roman} ol.lalpha {list-style-type: lower-alpha} ol.ualpha {list-style-type: upper-alpha} </style> </head> <body> <ol class="decimal"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="lroman"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="uroman"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="lalpha"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ol> <ol class="ualpha"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ol> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

設(shè)置一個(gè)圖片做為標(biāo)號(hào)

運(yùn)行代碼框
<html> <head> <style type="text/css"> ul { list-style-image: url('/articleimg/2006/07/3744/arrow.gif') } </style> </head> <body> <ul> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

放置標(biāo)號(hào)

運(yùn)行代碼框
<html> <head> <style type="text/css"> ul.inside { list-style-position: inside } ul.outside { list-style-position: outside } </style> </head> <body> <p>This list has a list-style-position with a value of "inside":</p> <ul class="inside"> <li>Earl Grey Tea - A fine black tea</li> <li>Jasmine Tea - A fabulous "all purpose" tea</li> <li>Honeybush Tea - A super fruity delight tea</li> </ul> <p>This list has a list-style-position with a value of "outside":</p> <ul class="outside"> <li>Earl Grey Tea - A fine black tea</li> <li>Jasmine Tea - A fabulous "all purpose" tea</li> <li>Honeybush Tea - A super fruity delight tea</li> </ul> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

所有列表屬性一行解決

運(yùn)行代碼框
<html> <head> <style type="text/css"> ul { list-style: square inside url('arrow.gif') } </style> </head> <body> <ul> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

維度

增加兩行間距

運(yùn)行代碼框
<html> <head> <style type="text/css"> p.small {line-height: 0.4cm} p.big {line-height: 0.9cm} </style> </head> <body> <p> This is a paragraph with a standard line-height. This is a paragraph with a standard line-height. This is a paragraph with a standard line-height. This is a paragraph with a standard line-height. </p> <p class="small"> This is a paragraph with a smaller line-height. This is a paragraph with a smaller line-height. This is a paragraph with a smaller line-height. This is a paragraph with a smaller line-height. </p> <p class="big"> This is a paragraph with a bigger line-height. This is a paragraph with a bigger line-height. This is a paragraph with a bigger line-height. This is a paragraph with a bigger line-height. </p> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

出處：網(wǎng)絡(luò)維他命
責(zé)任編輯：moby

上一頁(yè) CSS 實(shí)用實(shí)例 [5] 下一頁(yè) CSS 實(shí)用實(shí)例 [7]

◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁(yè)制作版塊參加討論

相關(guān)文章

更多相關(guān)鏈接

首屆世界CSS設(shè)計(jì)大賽結(jié)果揭曉

《CSS權(quán)威指南》

實(shí)用在線工具集

web標(biāo)準(zhǔn)布局實(shí)例教程

組合CLASS來(lái)完成網(wǎng)頁(yè)布局風(fēng)格

作者文章

設(shè)計(jì)上的精挑細(xì)選會(huì)削弱網(wǎng)站

瀏覽器發(fā)展/CSS布局/怎樣運(yùn)用?


關(guān)鍵字搜索	常規(guī)搜索	推薦文檔
熱門(mén)搜索：CSS Fireworks 設(shè)計(jì)比賽網(wǎng)頁(yè)制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點(diǎn)最新

站點(diǎn)最新列表

周大�！熬�•自然”設(shè)計(jì)大賽開(kāi)啟

國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行

中國(guó)國(guó)防科技信息中心標(biāo)志征集

云計(jì)算如何讓安全問(wèn)題可控

云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)

阿里行云

云手機(jī)年終巨獻(xiàn)，送禮標(biāo)配299起

阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"

1499元買(mǎi)真八核云OS雙蛋大促

首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽

欄目最新

欄目最新列表

淺談JavaScript編程語(yǔ)言的編碼規(guī)范

如何在illustrator中繪制臺(tái)歷

Ps簡(jiǎn)單繪制一個(gè)可愛(ài)的鉛筆圖標(biāo)

數(shù)據(jù)同步算法研究

用ps作簡(jiǎn)單的作品展示頁(yè)面

CSS定位機(jī)制之一:普通流

25個(gè)最佳最閃亮的Eclipse開(kāi)發(fā)項(xiàng)目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx