亚洲国产精品婷婷久久,亚洲情综合五月天,亚洲人成综合在线播放

Blogjava的CSS實現

效果：

CSS頁面設置代碼：

body{

margin:0 auto;

text-align:center;

min-width:760px;

background:#e6e6e6;

}

#bodyDiv{

width:924px;

margin:0 auto;

text-align:left;

background:#eefaec;

}

#header{

width:924px;

height:132px;

background:#ffffff;

}

#sidebar{

margin:2px;

width:170px;

height:560px;

float:right;

background:#ffffff;

border-style:dashed;

border-color:#b9ecae;

border-width:1px;

padding-top:20px;

padding-bottom:20px;

}

#sidebar li{

padding-left:20px;

padding-right:20px;

}

#content{

margin:2px;

width:740px;

height:560px;

float:left;

border-style:dashed;

border-color:#b9ecae;

border-width:1px;

background:#f8f8f8;

padding-top:20px;

}

#footer{

clear:both;

background:#eefaec;

}

ul{

margin:0;

padding:0;

list-style-type:none;

}

a:link {

color: #6fbc4c;

text-decoration: none;

}

a:active {

color: #6fbc4c;

}

a:visited {

color: #6fbc4c;

}

a:hover {

color: #646464;

}

h1 {

font-size: 18px;

margin: 10px 0px 5px;

color: #666666;

text-align: center;

}

h2 {

font-size: 16px;

margin: 10px 0px 5px;

color: #666666;

text-align: center;

}

h3 {

font-size: 14px;

margin: 10px 0px 5px;

color: #666666;

text-align: center;

}

頁面代碼：

<%@ page contentType="text/html; charset=UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>Bug管理布局示例</title>

type="text/css" />

</head>

<body>

<jsp:include page="/web/page/branch/header2.jsp"/>

</div>

<jsp:include page="/web/page/branch/sidebar.jsp"/>

</div>

<jsp:include page="/web/page/branch/content.jsp"/>

</div>

<jsp:include page="/web/page/branch/footer.jsp"/>

</div>

</body>

</html>

posted on 2008-03-17 22:06 和風細雨閱讀(353) 評論(0) 編輯收藏所屬分類: CSS

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Blogjava的CSS實現使用CSS設置網頁元素樣式無序列表的翻轉按鈕效果 Web表單的幾種樣式 CSS實現的水平導航條 CSS實現的垂直導航欄 CSS表格特效簡潔的CSS表單

和風細雨

導航

統計

常用鏈接

留言簿(9)

隨筆分類

隨筆檔案

文章檔案

相冊

搜索

最新評論

閱讀排行榜

評論排行榜

Blogjava的CSS實現