【前端设计】card

最新推荐文章于 2025-05-07 17:13:18 发布

@fishv

最新推荐文章于 2025-05-07 17:13:18 发布

阅读量878

点赞数 12

CC 4.0 BY-SA版权

分类专栏： css案例文章标签：前端

本文链接：https://blog.csdn.net/weixin_55939638/article/details/135732920

欢迎来到前端设计专栏，本专栏收藏了一些好看且实用的前端作品，使用简单的html、css语法打造创意有趣的作品，为网站加入更多高级创意的元素。

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
      <link rel="stylesheet" href="./card1.css">

</head>
<body>
<div class="card">
    <div class="card-top">
        <p class="card__title">Rick And Morty</p>
        <div class="rating">
            <svg width="17" height="17" viewBox="0 0 17 17" fill="none">
                <path d="M8.51948 1.625C9.1214 1.625 10.0427 4.16625 10.4636 5.43013C10.6014 5.8437 10.9837 6.13054 11.4192 6.14904C12.7373 6.2