css:box-shadow实现单边,多边阴影

网友投稿 914 2025-03-31

文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-shadow

可视化工具 Box-shadow_generator

语法

box-shadow: X轴偏移量 Y轴偏移量 模糊半径 扩散半径 颜色

1

示例:

左边阴影
底部阴影
右部阴影
顶部部阴影
左上阴影
右上阴影
左下阴影
右下阴影
无左阴影
无下阴影
无右阴影
无上阴影

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

css:box-shadow实现单边,多边阴影

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

示例来源:box-shadow制作各种单边,多边阴影

CSS

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:安全生产培训信息管理系统(安全生产培训数字化管理平台)
下一篇:电子表格表头(电子表格表头打印每页显示)
相关文章