上车是看电影的第一动力，你们的点赞评论转发是我写博客的动力！

最新推荐文章于 2023-07-24 12:33:07 发布

艳学网

最新推荐文章于 2023-07-24 12:33:07 发布

阅读量769

点赞数

分类专栏：人生杂谈文章标签：博客程序员艳辉网程序员的梦工厂福利

本文链接：https://blog.csdn.net/sinat_15153911/article/details/69912813

版权

人生杂谈专栏收录该内容

11 篇文章 0 订阅

订阅专栏

这里写图片描述

<!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

艳学网

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
上车是看电影的第一动力，你们的点赞评论转发是我写博客的动力！

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>艳辉网(yanhui)-程序员的梦工厂</title> <meta name="keywords" content="艳辉网"> <meta name="description" content="艳辉网(
复制链接

扫一扫

专栏目录