自设计网站导航效果一例

复制代码
<%@ 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   空明流光  阅读(183)  评论(0编辑  收藏  举报

编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!

导航

< 2012年12月 >
25 26 27 28 29 30 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示