和風(fēng)細雨

世上本無難事，心以為難，斯乃真難。茍不存一難之見于心，則運用之術(shù)自出。

導(dǎo)航

<

2008年3月

>

日

一

二

三

四

五

六

24

25

26

27

28

29

1

2

3

4

5

6

7

9

11

13

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

統(tǒng)計

隨筆 - 99
文章 - 1
評論 - 89
引用 - 0

常用鏈接

留言簿(9)

隨筆分類

隨筆檔案

文章檔案

2007年2月 (1)

相冊

11

搜索

閱讀排行榜

評論排行榜

Blogjava的CSS實現(xiàn)

效果：

CSS頁面設(shè)置代碼：

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 和風(fēng)細雨閱讀(372) 評論(0) 編輯收藏所屬分類: CSS

新用戶注冊刷新評論列表


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




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: Blogjava的CSS實現(xiàn) 使用CSS設(shè)置網(wǎng)頁元素樣式無序列表的翻轉(zhuǎn)按鈕效果 Web表單的幾種樣式 CSS實現(xiàn)的水平導(dǎo)航條 CSS實現(xiàn)的垂直導(dǎo)航欄 CSS表格特效簡潔的CSS表單

和風(fēng)細雨

導(dǎo)航

統(tǒng)計

常用鏈接

留言簿(9)

隨筆分類

隨筆檔案

文章檔案

相冊

搜索

最新評論

閱讀排行榜

評論排行榜

Blogjava的CSS實現(xiàn)