<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>艳辉网(yanhui)-程序员的梦工厂</title>
<meta name="keywords" content="艳辉网">
<meta name="description" content="艳辉网(yanhui)是IT技能学习平台。艳辉网(yanhui)提供了丰富的移动端开发、php开发、web前端、android开发以及html5等视频教程资源公开课。并且富有交互性及趣味性,你还可以和朋友一起编程。" />
<style>
*{margin: 0;padding: 0;}
img{border:0;}
body{font-size:12px;font-family:"微软雅黑";color:#666;background-color: #f3f5f7;}
.top{width:1200px;height:100px;margin: 0 auto;text-align: center;background: #800000;color:#fff;line-height: 100px;
font-size: 36px;font-weight: bold;}
.shop{width:1200px;height:100%;margin:10px auto;}
.shop ul li{
list-style:none;
width:224px;
height: 228px;
float:left;
margin:10px 5px;
border-radius: 4px;
background-color: #fff;
position: relative;
box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
transition: .3s all linear;
}
.shop ul li:hover{
box-shadow: 0 8px 16px 0 rgba(7,17,27,.2);
}
.card-top {
height: 48px;
padding: 0 20px;
overflow: hidden;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.card-top span{
font-size: 12px;
font-weight: 700;
color: #fff;
line-height: 48px;
margin-left: 10px
}
.card-content{
height: 180px;
background-color: #fff;
padding: 16px 24px;
box-sizing: border-box;
}
.course-card-name{
font-size: 14px;
color: #07111b;
line-height: 24px;
max-height: 48px;
word-break: break-all;
word-wrap: break-word;
overflow: hidden;
text-overflow: -o-ellipsis-lastline;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
letter-spacing: -.1px;
font-weight: 400;
}
.card-content p{
font-size: 12px;
color: #93999f;
line-height: 24px;
margin: 8px 0;
height: 48px;
word-break: normal;
word-wrap: break-word;
overflow: hidden;
text-overflow: -o-ellipsis-lastline;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.course-card-bottom{
position: absolute;
bottom: 24px;
right: 24px;
left: 24px;
height: 24px;
line-height: 24px;
font-size: 12px;
text-align: right;
}
.course-card-price{
float: right;
font-weight: 200;
}
.free{color: #07111B;}
.money{color: #f01414;}
.footer{width:1200px;height:100%;margin: 0 auto;}
.footer p{margin: 0 0 10px;}
.footer a{color: #337ab7;text-decoration: none;}
</style>
</head>
<body>
<div class="top">
艳辉网——分享福利的网站
</div>
<div class="shop">
<ul>
<!--<a href="http://www.baidu.com" target="_blank">-->
<a href="javascript:fufei()" target="_blank">
<li>
<div class="card-top" style="background: linear-gradient(270deg,rgba(210,115,230,.7),#d273e6);">
<span>java工具</span>
</div>
<div class="card-content">
<h3 class='course-card-name'>天猫电商购物平台前端页面</h3>
<p title='下载链接:http://pan.baidu.com/s/1slTRo9f 密码:ppys'>http://pan.baidu.com/s/1slTRo9f 密码:ppys</p>
<div class="course-card-bottom">
<div class="course-card-price free">免费</div>
</div>
</div>
</li>
</a>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div style="clear: both;"></div>
<div class="footer">
<p>博客地址:<a href="http://blog.csdn.net/sinat_15153911">http://blog.csdn.net/sinat_15153911</a></p>
<p style="font-size: 18px;">为答谢码迷,现开通艳辉VIP只需15元,原价30元,过期恢复原价!</p>
</div>
<script>
function fufei(){
alert("加QQ49064751,付费后即可获得教程!");
}
</script>
</body>
</html>
上车是看电影的第一动力,你们的点赞评论转发是我写博客的动力!
全CSDN的丰(好)色(se)博客,这里有书本看不到的Java技术,电影院禁播的电影,欢迎关注QQ群494808400