spread参数具体什么意思

spread参数不太清楚,能再详细讲一下吗

源自：CSS3边框与圆角 1-6 盒阴影

收起

3回答

好帮手慕夭夭 2019-06-05 14:13:58

同学，你可以把你代码中第二个盒子中阴影前两个参数设置大一点，例如100px 100px，就会发现这里只是把阴影的位置挪出来，然后继续改成120px ,120px就能发现是位置移动，阴影大小没有变哦

祝学习愉快，望采纳。

好帮手慕夭夭 2019-06-05 09:50:00

你好同学，h-shadow是设置水平阴影的位置，v-shadow是设置垂直阴影的位置。一个是设置阴影的位置，一个是设置阴影的尺寸，要区分开。同学可以参考如下官网文档再了解一下哦

祝学习愉快，望采纳。

提问者 qq_夜_71 #1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div { width: 100px; height: 100px; border: 1px solid red; margin-bottom: 50px; } div:first-child { box-shadow: 10px 10px 5px 5px black; } div:last-child { box-shadow: 15px 15px 5px black; } </style> </head> <body> <div></div> <div></div> </body> </html> 第一个div和第二个div 样式一模一样,h-shadow, v-shadow就可以控制尺寸.感觉spread没什么用.

2019-06-05 10:18:51

好帮手慕夭夭 2019-06-04 18:15:59

你好同学，spread是设置阴影的尺寸哦。同学可以自己写一个盒子测试，通过设置不同的值，观察阴影的变化，就明白了。如下：

祝学习愉快，望采纳。

提问者 qq_夜_71 #1

第一个参数h-shadow设置水平阴影,第二个参数v-shadow设置垂直阴影,这两个参数不就设置了距离了吗?为什么还要用spread设置尺寸?

2019-06-04 21:54:09
慕尼黑1428446 回复提问者 qq_夜_71 #2

灰灰520 你好同学，h-shadow是设置水平阴影的位置，v-shadow是设置垂直阴影的位置。 spread是设置阴影的大小。祝学习愉快，望采纳

2019-06-17 16:16:02