高级CSS

target="_black"新窗口打开，且打开第二个链接出来的页面覆盖第一个页面

.ui-pg-table
td[dir="ltr"]{*width:94px;}

.ui-pg-table input[type="text"],.ui-pg-table
input[type="password"],.ui-pg-table input[type="datetime"]{box-shadow: inset 0
1px 1px rgba(0,0,0,0.075);}

<a role="button" data-category="UserAccount" data-action="login" data-toggle="modal" href="#login-modal">登录</a>

<style>
.tab-arrow {width:158px;position: absolute;z-index: 1;top: 23px;left: 0;height: 7px;border-bottom: 2px solid #E4393C;overflow: hidden;text-align: center;}
.tab-arrow b {display: inline-block;margin-top: -8px;width: 0;height: 0;border-style: dashed dashed solid;border-width: 10px;border-color: transparent transparent #E4393C;
overflow: hidden;zoom: 1;font-size: 0;}
</style>

<div class="tab-arrow" style="left: 0px;"><b></b></div>

天猫的翻页：

<style>
.page{ text-align:right;}
.page span, .page a{display: inline-block;vertical-align: top;height: 20px;line-height: 20px;padding: 3px 10px;border: 1px solid #e5e5e5;border-width: 1px 1px 1px 0;color: #123a19;font-size: 12px; text-decoration:none;}
.page a:hover{ background:#eee;}
.page span {color: #999;}
.page .rate-page-prev{border-width: 1px;color: #999;}
.page .gedian {border-top: 1px solid #fff;border-bottom: 1px solid #fff;line-height: 20px;}
</style>

<div class="page">
<span class="rate-page-prev">&lt;&lt;上一页</span><span>1</span><a href="">2</a><a href="">3</a><span class="gedian">...</span><a href="">下一页&gt;&gt;</a>
</div>