利用CSS3實現折角樣式分頁代碼



10 37 13



特效描述:利用CSS3實現 折角樣式 分頁代碼,利用CSS3實現折角樣式分頁代碼

代碼結構

1. 引入CSS

<link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/demo.css">

2. HTML代碼

<div class="demo">
	<div class="container">
		<div class="row pad-15">
			<div class="col-md-12">
				<nav class="pagination-outer" aria-label="Page navigation">
					<ul class="pagination">
						<li class="page-item">
							<a href="#" class="page-link" aria-label="Previous">
								<span aria-hidden="true">&laquo;</span>
							</a>
						</li>
						<li class="page-item"><a class="page-link" href="#">1</a></li>
						<li class="page-item"><a class="page-link" href="#">2</a></li>
						<li class="page-item active"><a class="page-link" href="#">3</a></li>
						<li class="page-item"><a class="page-link" href="#">4</a></li>
						<li class="page-item"><a class="page-link" href="#">5</a></li>
						<li class="page-item">
							<a href="#" class="page-link" aria-label="Next">
								<span aria-hidden="true">&raquo;</span>
							</a>
						</li>
					</ul>
				</nav>
			</div>
		</div>
	</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動星星打分 其他 分頁 翻頁 分頁插件
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 加拿大28走势图~神测网app pc蛋蛋分析 深圳风采单式开奖结果 内蒙古11选五 赚钱网游 安溪龙门温泉特殊服务 天天电玩捕鱼安卓版下载 闲来麻将贵州麻将 微乐河南麻将下载 腾讯分分彩 股票融资融劵是什么意思 江苏十一选五今天结 网上游戏棋牌手机版下载 7k7k小游戏麻将 广西快乐双彩走势分析 新11选5 彩票通软件