<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>摄影社区</title>
<style>
*{
margin: 0px;
padding: 0px;
}
li{
list-style: none;
}
.waibiankang{
width:700px;
border: 1px #C2C6CB solid;
margin:0 auto;
margin-top: 10px;
height:300px;
}
h1{
font-size: 14px;
padding: 10px;
}
.biankuang1{
border: 1px #C2C6CB solid;
width: 60px;
height: 60px;
padding: 3px;
border-radius: 5px;
float: left;
margin-left: 20px;
margin-top: 30px;
display: inline-block;
}
.biankuang2{
border: 1px #000000 solid;
width: 60px;
height: 60px;
padding: 3px;
border-radius: 5px;
float: left;
margin-left:70px;
margin-top: 30px;
display: inline-block;
}
.biankuang3{
border: 1px #000000 solid;
width: 60px;
height: 60px;
padding: 3px;
border-radius: 5px;
float: left;
margin-left: 20px;
margin-top: 30px;
display: inline-block;
clear: both;
}
.biankuang4{
border: 1px #000000 solid;
width: 60px;
height: 60px;
padding: 3px;
border-radius: 5px;
float: left;
margin-left:34px;
margin-top: 30px;
display: inline-block;
}
.wenzi{
float: left;
margin-left: 10px;
margin-top: 30px;
}
.wenzi li:nth-of-type(1){
font-size: 14px;
color: darkblue;
}
.wenzi li:nth-of-type(2){
font-size: 12px;
color: #7B7B7B;
}
.wenzi li:nth-of-type(3){
font-size: 12px;
color: #7B7B7B;
}
</style>
</head>
<body>
<div class="waibiankang">
<div><h1>摄影社区热门小镇</h1></div>
<div>
<ul>
<div >
<li class="biankuang1"><a href="#"><img src="img/pic_04.jpg"/></a></li>
<div class="wenzi">
<li>风景狙击手</li>
<li>成员:80</li>
<li>作品:276</li>
</div>
<li class="biankuang2"><a href="#"><img src="img/pic_05.jpg"/></a></li>
<div class="wenzi">
<li> 叙事感</li>
<li>成员:235</li>
<li>作品:116</li>
</div>
<li class="biankuang2"><a href="#"><img src="img/pic_06.jpg"/></a></li>
<div class="wenzi">
<li>定焦视界</li>
<li>成员:56</li>
<li>作品:456</li>
</div>
</div>
<div>
<li class="biankuang3"><a href="#"><img src="img/pic_01.jpg"/></a></li>
<div class="wenzi">
<li>中画幅乐园</li>
<li>成员:130</li>
<li>作品:239</li>
</div>
<li class="biankuang2"><a href="#"><img src="img/pic_02.jpg"/></a></li>
<div class="wenzi">
<li>《卡啪》先锋...</li>
<li>成员:78</li>
<li>作品:125</li>
</div>
<li class="biankuang4"><a href="#"><img src="img/pic_03.jpg"/></a></li>
<div class="wenzi">
<li>植物的无声世界</li>
<li>成员:235</li>
<li>作品:1258</li>
</div>
</div>
</ul>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>名人名言页面</title>
<link href="css/名人名言.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<header>
<h1>名人名言</h1>
<p class="ziti1">分享名人名言,开始一段触动心灵的智慧之旅跳跃到内容</p>
<div class="biaoge">
<ul>
<li id="biaoge1"><a href="#">登录</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">名人名言</a></li>
<li><a href="#">英文名言(English)</a></li>
<li><a href="#">心理杂志</a></li>
<li><a href="#">心理书籍</a></li>
<li><a href="#">专题活动</a></li>
<li><a href="#">发表 </a></li>
</ul>
</div>
</header>
<section>
<div class="wenziwaikang">
<div class="biaoge3">
<h2 style="font-size: 17px;">心理学经典名言的智慧</h2>
<p style="font-size: 12px;">洞察人性的美与丑,认识自我的强与弱。一句好的格言能够穿越时间,永不失色、历久弥香,它总是能给人们带来心灵的滋养。</p>
</div>
<div class="wenzi1">创造力(creativity)有两个词根:Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”。所以,创造力不仅仅是一种想象力、一种天赋,创造力更是一种将自己的想法付诸实现的能力。</div>
<div class="wenzi2">创造力(creativity)有两个词根:Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”。所以,创造力不仅仅是一种想象力、一种天赋,创造力更是一种将自己的想法付诸实现的能力。</div>
<div class="wenzi2">发表在 未分类 | 标签: 《换个脑袋去思考》, 创造力 | 留下评论</div>
<div class="biaoge3"><h2 style="font-size: 17px;">作者简介</h1></div>
<div class="wenzi1">如果你还没有注意到你有能力让对方作出你所希望得到的反应,那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣,那么你就要先对他人产生兴趣;如果你想让他人紧张,那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人,你可以在与下一个人交流时证实这一点。 </div>
<div class="wenzi2">如果你还没有注意到你有能力让对方作出你所希望得到的反应,那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣,那么你就要先对他人产生兴趣;如果你想让他人紧张,那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人,你可以在与下一个人交流时证实这一点。</div>
<div class="wenzi2">发表在 未分类 | 标签: 《怎样出售设计创意》, 温斯顿·丘吉尔 | 留下评论</div>
<div class="biaoge3">
<ul>
<li><em>赞助广告</em></li>
<li><img src="img/ad_2.jpg"</li>
</ul>
</div>
</div>
<div class="tupian1">
<ul>
<li><em>赞助广告</em></li>
<li><img src="img/ad.jpg"/></li>
<li><em>搜索</em></li>
<li><form action="#" method="post">
<input name="搜索" type="text" value="点击搜索"/>
</form>
</li>
<li><em>标签</em></li>
<div class="biaoqian">
<li><a href="#">60年语录</a>
<a href="#">《犯罪心理》</a>
<a href="#"> 世间百态</a>
<a href="#">二十四史</a>
<a href="#">传统名人</a>
<a href="#"> 体育人物</a>
<a href="#"> 卡斯特罗名言 </a>
<a href="#"> 卡斯特罗语录 </a>
<a href="#"> 历史</a>
<a href="#"> 友谊爱情 </a>
<a href="#"> 名人名言 </a>
<a href="#"> 名人随语 </a>
<a href="#"> 教子立人 </a>
<a href="#"> 新闻事件 </a>
<a href="#"> 李白 </a>
<a href="#"> 爱情语录 </a>
<a href="#"> 韩寒语录 </a>
</li>
</div>
</ul>
</div>
</section>
<footer>
</footer>
</body>
</html>