返回列表 發帖

基本架構程式碼

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>希臘</title>
<style type="text/css">
<!--
body {
        background-color: #FFC;
}
#contaner {
        margin: auto;
        height: auto;
        width: 600px;
        padding: 5px;
}
.cls {
        clear: both;
}
#footer {
        font-size: 12px;
        color: #000;
        text-align: center;
        height: 30px;
        width: 600px;
        background-color: #9FF;
        padding-top: 15px;
}
#banner {
}
#menu {
        height: auto;
        width: 143px;
        float: left;
        border-top-width: 2px;
        border-right-style: solid;
        border-top-color: #FFF;
        border-right-color: #CCC;
        border-bottom-color: #CCC;
        border-left-color: #CCC;
}
#content {
        float: right;
        height: auto;
        width: 450px;
}
-->
</style></head>

<body>
<div id="contaner">
  <div id="banner"><img src="image2/sbk.png" width="600" height="150" /></div>
  <div id="menu">
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
    <p>&nbsp;</p>
  </div>
  <div id="content">
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>
  <p>&nbsp;</p>
  <div class="cls"> &nbsp;</div>
  <div id="footer"> 2011/11/01高雄市資訊培育協會</div>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
</body>
</html>
May

返回列表