仿站–模仿少数派网站及源码
由来
应信息工程学院的高中同学要求,帮他们写了一份期末作业应付一下,
他们老师要求模拟智联招聘优先,但是看着太丑了,就选择模仿少数派网站,
大部分css还是从少数派源站来的,做分享,也做备份
图片实例,模仿效果如图
1
2
其中首页的卡片文章的代码实现,单独提出来:
如果你想做成第二张图片的样子,只需修改imagcard中的width即可
css部分:
div.imgcard{
width: 800px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
text-align: center;
position:relative;
top:20px;
left:550px;
}
div.textcard{
padding: 20px;
}
html部分:
<div class="imgcard">
<p align="center"><a href="other/text1.html"><img src="image/text1.jpg" style="width:100%" /></a></p>
<h1 align="center">iOS 12 不仅提升了流畅度,还有这 9 个你应该了解的新变化</h1>
<div class="textcard">
<p align="center"><a href="other/text1.html">今天凌晨,苹果召开了 WWDC(全球开发者大会)。在发布会上,
iOS 12 作为第一项介绍内容,时长长达 1 小时左右,其中 AR、照片应用、Siri、勿扰模式、通知系统、Animoji 等功能都得到了升级。
下面就由少数派带你了解 iOS 12 中具体都有哪些新功能和亮点。
你也可以持续关注「少数派带你看 WWDC 2018」特别专题,我们将陆续为你带来更多关于新系统的详细介绍文章
</a></p>
</div>
</div>
<br />dia
源码下载
