CSS數(shù)字列表的使用_層和布局特效

另類(lèi)的CSS列表標(biāo)號(hào)技巧示例，實(shí)際上純粹的這種效果沒(méi)有什么實(shí)用價(jià)值，不過(guò)如果你將標(biāo)號(hào)改為圖片就大大有用了，呵，這也就成了很多網(wǎng)站都在用的圖文導(dǎo)航，可以作為首頁(yè)每個(gè)欄目的導(dǎo)航，有圖片，有文字，整齊美觀。

<!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>
<title>CSS列表的使用</title>
<meta http-equiv="Content-Type" mrc="text/html; charset=gbk" />
<style>
* {
margin: 0;
padding: 0;
}
body {
font-size: 12px;
font-family: Helvetica, sans-serif;
}
h2 {
font-size: 1.7em;
margin-bottom: 5px;
}
h2.number {
position: relative;
top: 0px;
left: 0px;
font-size: 10em;
color: #ccc;
float: left;
margin-right: 10px
}
#page-wrap {
width: 760px;
background: white;
margin: 0 auto;
padding: 10px 0px 50px 0px;
}

.comment-box {
margin: 0px 0px 50px 50px;
padding: 20px;
width: 240px;
border: 1px solid black;
float: left;
}
</style>
</head>
<body>

<div id="page-wrap">
	<h3>Numbered Lists Show.</h3><br />
	<div class="comment-box">
		  <h2 class="number">1</h2>
		   <p>　　模板無(wú)憂提供各類(lèi)編程源碼、視頻教程、CSS特效代碼以及常用軟件下載等，做有質(zhì)量的學(xué)習(xí)型源碼下載站。模板無(wú)憂（mb5u.com）提供各類(lèi)網(wǎng)頁(yè)模板、視頻教程、JavaScript/CSS特效代碼以及常用軟件下載等，做有質(zhì)量的學(xué)習(xí)型源碼下載站。模板無(wú)憂（mb5u.com）提供各類(lèi)網(wǎng)頁(yè)模板、視頻教程、JavaScript/CSS特效代碼以及常用軟件下載等，做有質(zhì)量的學(xué)習(xí)型源碼下載站。</p>
		   </div>

<div class="comment-box">
		 <h2 class="number">2</h2>
		  <p>　　模板無(wú)憂提供各類(lèi)編程源碼、視頻教程、CSS特效代碼以及常用軟件下載等，做有質(zhì)量的學(xué)習(xí)型源碼下載站。模板無(wú)憂（mb5u.com）提供各類(lèi)網(wǎng)頁(yè)模板、視頻教程、JavaScript/CSS特效代碼以及常用軟件下載等，做有質(zhì)量的學(xué)習(xí)型源碼下載站。模板無(wú)憂（mb5u.com）提供各類(lèi)網(wǎng)頁(yè)模板、視頻教程、JavaScript/CSS特效代碼以及常用軟件下載等，做有質(zhì)量的學(xué)習(xí)型源碼下載站。</p>
		   </div>
		<div style="clear: both;"></div>
		
</div>
<div>
</body>
</html>

所屬頻道：層和布局特效/更新時(shí)間：2012-12-10

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)層和布局特效：

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索CSS數(shù)字列表的使用
特效說(shuō)明：
層和布局模板-CSS數(shù)字列表的使用。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

CSS數(shù)字列表的使用_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些