百度分页样式代码 css+c#

通过c#输出html分页代码：

         /// <summary>
         /// 返回分页Html代码
         /// </summary>
         /// <param name="pageIndex">第几页</param>
         /// <param name="pageSize">页面行数</param>
         /// <param name="count">共多少页</param>
         /// <returns>分页Html代码</returns>
         public string GetPageHtml(int pageIndex, int pageSize, int count)
         {
             StringBuilder sb = new StringBuilder();
             //首页
             if (pageIndex > )
             {
                 sb.Append("<a class='pageLink' href='?pageIndex=1&pageSize=" + pageSize + "'><span>首页</span></a>");
             }
             //上一页
             if (pageIndex != )
             {
                 sb.Append("<a class='pageLink' href='?pageIndex=" + (pageIndex - ) + "&pageSize=" + pageSize + "'><span>上页</span></a>");
             }
             for (int i = ; i < count + ; i++)
             {
                 if (i != pageIndex)
                 {
                     sb.Append("<a class='pageLink' href='?pageIndex=" + i + "&pageSize=" + pageSize + "'><span>" + i + "</span></a>");
                 }
                 else
                 {
                     sb.Append("<a class='pageLink' href='?pageIndex=" + i + "&pageSize=" + pageSize + "'><strong><span>" + i + "</span></strong></a>");
                 }
             }
             //下一页
             if (pageIndex != count)
             {
                 sb.Append("<a class='pageLink' href='?pageIndex=" + (pageIndex + ) + "&pageSize=" + pageSize + "'><span>下页</span></a>");
             }
             //末页
             if (pageIndex != count)
             {
                 sb.Append("<a class='pageLink' href='?pageIndex=" + count + "&pageSize=" + pageSize + "'><span>末页</span></a>");
             }
             return sb.ToString();
         }

GetPageHtml

对html代码做css处理：

 .pageLink {
     display: inline-block;
     vertical-align: text-bottom;
     height: 36px;
     text-align: center;
     line-height: 34px;
     text-decoration: none;
     overflow: hidden;
     margin-right: 9px;
     background: white;
 }

     .pageLink > span {
         width: 34px;
         height: 34px;
         display: block;
         border: 1px solid #e1e2e3;
         cursor: pointer;
     }

 strong span {
     width: 34px;
     height: 34px;
     display: block;
     cursor: pointer;
 }

 .pageLink span:hover {
     border: 1px solid #0094ff;
 }

foot.css

样式：

图片1：

图片2：