左侧导航栏菜单

左侧简单的导航菜单,最终效果图如下:

About Us

   

    Intorduction

    Team Structure

    How We Work

    Work Assignment

    Process & Tools

 

HTML Source:[You can add more attributes to color the style]

<style type="text/css">
    .div1
    {
        width: 100%;
        margin: 5px;
    }
    .div1 a:hover, a:active
    {
        font-weight: bold;
    }
</style>
<div class="div1">
    <br />
    <p style="font-size: 14px; font-weight: bold;">
        About Us</p>
    &nbsp; &nbsp;<img src="Theme/Images/hw.gif" alt="" />
    <a href="#?aid=1"> Intorduction</a><br />
    <br />
    &nbsp; &nbsp;<img src="Theme/Images/hw.gif" alt="" />
    <a href="#?aid=2">Team Structure</a><br />
    <br />
    &nbsp; &nbsp;<img src="Theme/Images/hw.gif" alt="" />
    <a href="#?aid=3">How We Work</a><br />
    <br />
    &nbsp; &nbsp;<img src="Theme/Images/hw.gif" alt="" />
    <a href="#?aid=4">Work Assignment</a><br />
    <br />
    &nbsp; &nbsp;<img src="Theme/Images/hw.gif" alt="" />
    <a href="#?aid=5">Process & Tools </a><br />
    <br />
    <br />
</div>

 

posted @ 2012-04-13 15:23  eva.xiao  阅读(496)  评论(0编辑  收藏  举报