卡片式列表（Card List）CSS样式效果

onizukayao

于 2021-03-23 10:38:08 发布

阅读量6.7k

点赞数 7

分类专栏： css 文章标签：列表 css html css3

本文链接：https://blog.youkuaiyun.com/gamenoover/article/details/115111582

版权

页面效果如下：
在这里插入图片描述
Html + Css代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Card List</title>
</head>
<body>
    <div class="warp">
        <div class="card one">
            <div class="title">Title 1</div>
            <div class="content">Content 1</div>
        </div>
        <div class="card two">
            <div class="title