下载:源码
1.效果展示:
2.代码:
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>实用好看的展示列表</title>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css">
<style>
*,*::before,*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
--color: rgba(30, 30, 30);
--bgColor: rgb(215, 215, 215);
min-height: 100vh;
display: grid;
align-content: center;
gap: 2rem;
padding: 2rem;
font-family: "Oxygen", sans-serif;
color: var(--color);
background: var(--bgColor);
}
ol {
width: min(60rem, 90%);
margin-inline: auto;