css实现图文卡片布局代码

代码语言:html

所属分类:布局界面

代码描述:css实现图文卡片布局代码

代码标签: css 卡片

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


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
  
  
<style>
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700");

:root {
  --color-primary-100: #0E2131;
  --color-primary-200: #153149;
  
  --color-neutral-100: #B4D2EA;
  --color-neutral-200: #E6F0F8;
  
  --gap: 1rem;
  --gap-sm: 0.5rem;
  
  --radius: 1rem;
  --radius-sm: 0.5rem;
  
  --shadow-color: 208deg 8.........完整代码请登录后点击上方下载按钮下载查看

网友评论0