鱼跃于渊

First know how, Second know why !
posts - 0, comments - 1, trackbacks - 0, articles - 49

DIV 常用标题表格

Posted on 2008-09-23 22:52 鱼跃于渊 阅读(311) 评论(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>

h2_bg03.gif 此为背景图片

只有注册用户登录后才能发表评论。


网站导航: