Posted on 2008-09-23 22:52
魚躍于淵 閱讀(313)
評論(0) 編輯 收藏 所屬分類:
網頁外觀
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
/* 美圖欣賞 */
#goodphoto li {
margin: 8px 2px 0 12px;
float: left;
text-align: center;
display: inline;
}
#goodphoto li img {
width: 60px;
height: 60px;
padding: 1px;
border: 1px #ccc solid;
}
.sidebar {
float: right;
width: 174px;
border: 1px solid #B8DF30;
background: #F7FFE7;
overflow: hidden;
color: #005E00;
}
.sidebar h2 {
background: url('h2_bg03.gif');
border-bottom: 1px solid #B8DF30;
color: #005E00;
}
</style>
</head>
<body>
<DIV class=sidebar id=goodphoto>
<H2>美圖欣賞</H2>
</DIV>
</body>
</html>
此為背景圖片