自设计网站导航效果一例

<%@ 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>

 

posted on 2012-12-25 12:26  空明流光  阅读(179)  评论(0编辑  收藏  举报

导航