範例四：框出裡面的選項

:::

[1001]XOOPS網站門面專業設計

18-4 範例四：框出裡面的選項

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>

<style>
    #menu{
        width:200px;
        height:297px;
        background-image:url(bg_studygroup.png);
        position:relative;
    }

    #menu a.b1{
        width:130px;
        height:40px;
        display:block;
        border:1px solid red;
        position:absolute;
        top:85px;
        left:65px;
    }

    #menu a.b2{
        width:130px;
        height:40px;
        display:block;
        border:1px solid red;
        position:absolute;
        top:135px;
        left:65px;
    }

    </style>

    </head>
<body>

<div id="menu">
        <a href="#" class="b1"></a>
        <a href="#" class="b2"></a>
    <div>

</body>
</html>