| 網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而，超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。 【實(shí)例介紹】 css列表符號(hào)類型list-style-type
使用列表符號(hào)屬性可以設(shè)置列表項(xiàng)所使用的符號(hào)類型。擁有很多值，而且瀏覽器對(duì)其支持
程度不同，好多效果IE下是看不到的。 【基本語(yǔ)法】 list-style-type：值 【語(yǔ)法介紹】
列表符號(hào)有許多種，其具體取值范圍如下所示。
----------------------------------------------------------------------------------------------------------------------------
取值 含義 取值 含義
----------------------------------------------------------------------------------------------------------------------------
disc 默認(rèn)值，實(shí)心圓 upper-roman 大寫羅馬數(shù)字
circle 空心圓 lowcr-alpha 小寫英文字母
square 實(shí)心方塊 upper-alpha 大寫英文字母
decimal 阿拉伯?dāng)?shù)字 nolle 不使用任何項(xiàng)目符號(hào)或編號(hào)
lower-roman 小寫羅馬數(shù)字
----------------------------------------------------------------------------------------------------------------------------
【實(shí)例代碼】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS list-style-type 屬性示例</title>
<style type="text/css" media="all">
ul
{
list-style-type: disc;
}
ul#circle
{
list-style-type: circle;
}
ul#square
{
list-style-type: square;
}
ul#decimal
{
list-style-type: decimal;
}
ul#decimal-leading-zero
{
list-style-type: decimal-leading-zero;
}
ul#lower-roman
{
list-style-type: lower-roman;
}
ul#upper-roman
{
list-style-type: upper-roman;
}
ul#lower-greek
{
list-style-type: lower-greek;
}
ul#lower-latin
{
list-style-type: lower-latin;
}
ul#upper-latin
{
list-style-type: upper-latin;
}
ul#armenian
{
list-style-type: armenian;
}
ul#georgian
{
list-style-type: georgian;
}
ul#lower-alpha
{
list-style-type: lower-alpha;
}
ul#upper-alpha
{
list-style-type: upper-alpha;
}
ul#none
{
list-style-type: none;
}
ol
{
list-style-type: lower-roman;
}
</style>
</head>
<body>
<ul>
<li>正常模式</li>
</ul>
<ul id="circle">
<li>圓圈模式</li>
</ul>
<ul id="square">
<li>正方形模式</li>
</ul>
<ul id="decimal">
<li>數(shù)字模式</li>
</ul>
<ul id="lower-roman">
<li>小寫羅馬文字模式</li>
</ul>
<ul id="upper-roman">
<li>大寫羅馬文字模式</li>
</ul>
<ul id="lower-greek">
<li>小寫阿拉伯文字模式</li>
</ul>
<ul id="lower-latin">
<li>小寫拉丁文模式</li>
</ul>
<ul id="upper-latin">
<li>大寫拉丁文模式</li>
</ul>
<ul id="armenian">
<li>亞美尼亞數(shù)字模式</li>
</ul>
<ul id="georgian">
<li>喬治亞數(shù)字模式</li>
</ul>
<ul id="lower-alpha">
<li>小寫拉丁文模式</li>
</ul>
<ul id="upper-alpha">
<li>大寫拉丁文模式</li>
</ul>
<ul id="none">
<li>無(wú)模式</li>
<li></li>
</ul> </body>
</html>
【代碼分析】 在代碼中，加粗部分的標(biāo)簽是設(shè)置列表符號(hào)類型，如圖16．4所示。 
【素材及源碼下載】
請(qǐng)點(diǎn)擊：css列表符號(hào)類型list-style-type 下載本實(shí)例相關(guān)素材及源碼
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
|
溫馨提示：喜歡本站的話，請(qǐng)收藏一下本站！
