自设计网站导航效果一例
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> body { font-size:12px; } </style> </head> <body> <form id="form1" runat="server"> <div style="width:200px; height:500px;border:1px solid #A9CBEE;"> <table style="width:100%;" cellpadding="5px"> <tr> <td colspan="2" style="font-weight:bold; height:20px; font-size:14px;border-bottom:1px solid #DDEEEE;"> 个人资料 </td> </tr> <tr> <td rowspan="2" style="width:75px;"> <img width="75px" height="75px" src="http://avatar.profile.csdn.net/D/4/9/2_knife4325.jpg" alt="knife4325" /> </td> <td style="line-height:20px;"><a href="#" style="color:#335AA4; text-decoration:none;">knife4325</a><br />欢迎回来。</td> </tr> <tr> <td><a href="#" style="color:#335AA4; text-decoration:none;">退出</a></td> </tr> <tr> <td colspan="2" style="font-weight:bold; height:30px; font-size:14px;border-top:1px solid #DDEEEE; vertical-align:middle; padding:5px 10px 5px 10px;"> <input type="text" style="border:1px solid #CCCCCC;height:22px;width:100%;line-height:22px;color:#666;" /> </td> </tr> <tr> <td colspan="2" style="height:30px; padding:5px 10px 5px 10px;"> <asp:TreeView ID="TreeView1" runat="server"> <LeafNodeStyle ImageUrl="http://bbs.csdn.net/assets/page-b6ea1b9cc07d1e1760fc94071cde04ff.gif" /> <Nodes> <asp:TreeNode Text="我的首页" Value="我的首页"></asp:TreeNode> <asp:TreeNode Text="我的论坛" Value="我的论坛"> <asp:TreeNode Text="我感兴趣的论坛" Value="我感兴趣的论坛"></asp:TreeNode> </asp:TreeNode> <asp:TreeNode Text="开发语言/框架" Value="开发语言/框架"> <asp:TreeNode Text="VC/MFC" Value="VC/MFC"></asp:TreeNode> <asp:TreeNode Text="VB" Value="VB"></asp:TreeNode> <asp:TreeNode Text="Delphi" Value="Delphi"></asp:TreeNode> <asp:TreeNode Text="C++ Builder" Value="C++ Builder"></asp:TreeNode> <asp:TreeNode Text="C/C++" Value="C/C++"></asp:TreeNode> </asp:TreeNode> </Nodes> <NodeStyle ImageUrl="~/Images/folder.gif" /> </asp:TreeView> </td> </tr> </table> </div> </form> </body> </html>
桂棹兮兰桨,击空明兮溯流光。