百度分页样式代码 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 > 1)
            {
                sb.Append("<a class='pageLink' href='?pageIndex=1&pageSize=" + pageSize + "'><span>首页</span></a>");
            }
            //上一页
            if (pageIndex != 1)
            {
                sb.Append("<a class='pageLink' href='?pageIndex=" + (pageIndex - 1) + "&pageSize=" + pageSize + "'><span>上页</span></a>");
            }
            for (int i = 1; i < count + 1; 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 + 1) + "&pageSize=" + pageSize + "'><span>下页</span></a>");
            }
            //末页
            if (pageIndex != count)
            {
                sb.Append("<a class='pageLink' href='?pageIndex=" + count + "&pageSize=" + pageSize + "'><span>末页</span></a>");
            }
            return sb.ToString();
        }

对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;
}

样式：

图片1：

图片2：