请高手指点asp.net中如何加入div+css代码，实现菜单效果

[xysworks]

问题如下：
下面的DIV+CSS代码是一个菜单，想用在asp.net中。大类和小类分别从数据库中循环读取出来，显示在指定位置的aspx页面中，相当于动态添加。便于后期维护。
有什么好的方法实现吗？
<div class="wrapper">
<div class="nav-bg">
<div class="nav-list">
<ul id="nav" class="nav">
<li class="nLi on">
<h3><a href="./index.htm">首页</a></h3>
</li>
<li class="nLi">
<h3><a href="#">硬件</a></h3>
<ul class="sub">
<li><a href="#">内存</a></li>
<li><a href="#">主板</a></li>
<li><a href="#">CPU</a></li>
<li><a href="#">硬盘</a></li>
</ul>
</li>
<li class="nLi">
<h3><a href="#">软件</a></h3>
<ul class="sub">
<li><a href="#">windows操作系统</a></li>
<li><a href="#">Photoshop</a></li>
<li><a href="#">Dreamver</a></li>
<li><a href="#">Office</a></li>
</ul>
</li>
<li class="nLi">
<h3><a href="#">浏览器</a></h3>
<ul class="sub">
<li><a href="#">IE浏览器</a></li>
<li><a href="#">谷歌浏览器</a></li>
<li><a href="#">Opera浏览器</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>

[爱_逆光]

向前台写字符串。

[爱_逆光]

前台

<div id="templatemo_main">
        
        <div id="gallery">
            <ul>
                <% =liHtml%>
         	</ul>
            
            <div class="cleaner"></div>
       </div>

CS文件

protected string hthtml = "";
    protected string liHtml = "";
    protected string noticeHtml = "";
    protected void Page_Load(object sender, EventArgs e)
    {
        string cisql = "select * from XX ";//读取数据表
        DataTable table = SqlDataAdapterDt(cisql);
        string imageUrl ="";
        string imagesuolue = "";
        
        foreach (DataRow row in table.Rows)//循环表的行
        {
            string isUser = row["Url"].ToString();
            string shuoming=row["shuoming"].ToString();
            //if (isUser == "False") imageUrl = "images/table.gif";
            //else imageUrl = "images/table_3.jpg";
            
            
                imageUrl = "image/"+isUser+"";
                imagesuolue = "images/"+isUser+"";
                liHtml += "<li><a href="+imageUrl+" title="+shuoming+"><span></span><img src="+imagesuolue+"></a><em></em></li>";      //将前台HTML写入字符串变量liHtml
        }
        //读取Notice
       


    }
    public  DataTable SqlDataAdapterDt(string sql)
    {
        //查询一个表之后
        string Conn = ConfigurationManager.ConnectionStrings["connstr"].ConnectionString; 
        SqlConnection myConn = new SqlConnection(Conn);
        SqlCommand cmd = new SqlCommand(sql, myConn);
        SqlDataAdapter adapter = new SqlDataAdapter(cmd);
        DataTable dt = new DataTable();
        adapter.Fill(dt);
        return dt;
    }

[以专业开发人员为伍]

从你贴出的结构上看，这是简单的“两层 Repeater”而已。第一层 Repeater 的模板上有一个Label跟另外一个 Repater；而内部的Repeater的模板，其 Header 模板实现一个简单的 <ul> 行，其内容模板则实现简单的一行 <li>。

[liweijie83]

一种方法是后台.cs页面拼接public字符串，.aspx页面通过<%=%>绑定该字符串。还有一种方法是repeater套repeater。

[xysworks]

引用 4 楼 liweijie83的回复:

一种方法是后台.cs页面拼接public字符串，.aspx页面通过<%=%>绑定该字符串。还有一种方法是repeater套repeater。

能否给个具体例子？谢谢！

[xysworks]

引用 3 楼 以专业开发人员为伍的回复:

从你贴出的结构上看，这是简单的“两层 Repeater”而已。第一层 Repeater 的模板上有一个Label跟另外一个 Repater；而内部的Repeater的模板，其 Header 模板实现一个简单的 <ul> 行，其内容模板则实现简单的一行 <li>。

能否给个例子学习一下？