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

来源：互联网发布：蔡赟傅海峰知乎编辑：程序博客网时间：2024/04/30 04:12
这里写图片描述
<!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