左侧导航栏菜单

左侧简单的导航菜单，最终效果图如下：

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>

 

转载于:https://www.cnblogs.com/eva_2010/archive/2012/04/13/2445858.html