利用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

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

老夫子电子 360彩票购彩大厅 真人游戏互动 gpk钱龙捕鱼试玩网站 网上现在能干啥赚钱 陕西快乐10分中奖规则 玩哪款游戏可以赚钱 注册试玩赚钱 赛车6码二期怎么玩 新疆35选7开奖11月 陕西快乐10分预测 恒大赚钱 快乐10分现场开奖 贵州11选5投注技巧 新浪象棋 二级加油站 赚钱 2017卖彩票赚钱吗