html桌面卡牌效果,HTML5+CSS3从入门到精通之实现卡片效果

本篇文章探讨了HTML5+CSS3从入门到精通之实现卡片效果，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

<

一、文字卡片效果

1

2

3 meta

4

文字卡片效果

5

6 div.card {

7 width: 250px;

8 box-shadow: 04px8px0rgba(0, 0, 0, 0.2), 06px20px0rgba(0, 0, 0, 0.19);

9 text-align: center;

10 }

11 div.header {

12 background-color: #4CAF50;

13 color: white;

14 padding: 10px;

15 font-size: 40px;

16 }

17 div.container {

18 padding: 10px;

19 }

20

21

22

23

卡片

24

box-shadow 属性用来可以创建纸质样式卡片:

25

26

27

1

28