css+div布局实现优惠券代金券列表效果代码

代码语言:html

所属分类:布局界面

代码描述:css+div布局实现优惠券代金券列表效果代码

代码标签: 优惠券 代金券 列表 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>优惠券</title>
    <style>
@charset "utf-8";* {
        margin: 0;
        padding: 0;
        color: #000;
    }

        html {
            font-size: 62.5%
        }

        body {
            font: 1.2em/1.8em "hiragino sans gb","Helvetica Neue",Helvetica,STHeiTi;
            background: #f8f8f8;
        }

        a {
            text-decoration: none;
            color: #000;
        }

        li {
            list-style: none
        }

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .hide {
            display: none;
        }

        .title {
            font-size: 1.2em;
            line-height: 3.6em;
            text-align: center;
            background: #fff;
            font-weight: bold;
        }

        .box-group {
            padding: 0 1.2em;
        }

        .box-group .item-group {
            margin-top: 1.4em;
            background: #fff;
            borde.........完整代码请登录后点击上方下载按钮下载查看

网友评论0