C#制作目录

 <div style="margin-top: 10px;">
                <asp:Repeater runat="server" ID="rpt">
                    <ItemTemplate>
                        <li style="list-style-type: none;">
                            <div style="float: left; width: 100%; height: 3em; line-height: 3em; border-bottom: solid 1px #F6F6F6;">
                                <a href="showBook.aspx?id=<%#Eval("bookNameId") %>&page=<%#Eval("pagenum") %>">
                                    <div style="font-size: 17px; color: #444444; float: left">
                                        <%#Eval("catalogue")%>
                                    </div>
                                    <div style="font-size: 14px; color: #888888; float: right">
                                        <%#Eval("pagenum")%>
                                    </div>
                                    <hr style="height: 1px; border: none; border-top: 1px dashed #888888; opacity: 0; height: 5px; margin-top: 25px; width: 80%" />
                                </a>
                            </div>
                        </li>
                    </ItemTemplate>
                </asp:Repeater>

  </div>

最近在做一个读书系统，后台需要上传图片，然后前端一张一张的阅读图片，做一个读书的网站。

使用repeater控件绑定数据库里面的内容，然后使用标签a加上超链接。注意：目录名称在左，页数在右。添加hr标签，可以使得一行中点击空白处也可链接，不用非要点击字。