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標籤，可以使得一行中點擊空白處也可鏈接，不用非要點擊字。