我一直在互联网上搜索这个问题，但是对于我在CSS中回答的大部分问题，人们只是给出了代码而没有解释它们。
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.3), 10, 0.5, 0.0, 0.0);
对于在CSS中实现投影的这行代码，变量意味着什么？
根据我的推断，它意味着：
-fx-effect: dropshadow(blurType, color, radius, spread, offsetX, offsetY)
但在FXML的实际DropShadow效果标签中，有6个数字变量而不是4个。
<DropShadow blurType="GAUSSIAN" color="#ee8c9e8f" height="151.47" offsetX="3.0" offsetY="3.0" radius="73.75" spread="0.5" width="145.53" />
如何在CSS中使用8个参数实现此效果？
以下是JavaFX CSS Reference Guide中的文档说：
<effect>JavaFX CSS目前支持JavaFX平台的
DropShadow和InnerShadow效果。有关各种效果参数的语义的更多详细信息，请参阅javafx.scene.effect中的类文档。投下阴影
一种高级效果，可以在内容后面呈现给定内容的阴影。
dropshadow( <blur-type> , <color> , <number> , <number> , <number> , <number> )
<blur-type>=[ gaussian | one-pass-box | three-pass-box | two-pass-box ]<color>阴影颜色。<number>阴影模糊内核的半径。在[0.0 ... 127.0]范围内，典型值10。<number>阴影的传播。扩展是半径的一部分，其中源材料的贡献将是100%。半径的剩余部分将具有由模糊内核控制的贡献。0.0的传播将导致阴影的分布完全由模糊算法确定。1.0的扩散将导致源材料外观的固体增长到半径的极限，并且在半径处具有非常尖锐的截止透明度。值应在[0.0 ... 1.0]范围内。<number>x方向上的阴影偏移，以像素为单位。<number>y方向上的阴影偏移，以像素为单位。内心的阴影
在给定内容的边缘内呈现阴影的高级效果。
innershadow( <blur-type> , <color> , <number> , <number> , <number> , <number> )
<blur-type>=[ gaussian | one-pass-box | three-pass-box | two-pass-box ]<color>阴影颜色。<number>阴影模糊内核的半径。在[0.0 ... 127.0]范围内，典型值10。<number>影子的窒息。扼流圈是半径的一部分，其中源材料的贡献将是100%。半径的剩余部分将具有由模糊内核控制的贡献。0.0的阻塞将导致完全由模糊算法确定的阴影的分布。1.0的阻塞将导致从边缘到半径极限的阴影内部的稳固增长，并且在半径内具有非常尖锐的截止透明度。值应在[0.0 ... 1.0]范围内。<number>x方向上的阴影偏移，以像素为单位。<number>y方向上的阴影偏移，以像素为单位。
从那以后，您似乎无法从CSS指定所有9个属性。特别是，您无法从CSS设置width，height或input。但是如果你看一下DropShadow.radius或InnerShadow.radius的文档，你会看到类似的东西：
阴影模糊内核的半径。此属性控制阴影扩散到源像素每一侧的距离。设置半径相当于将
width和height属性都设置为(2 * radius + 1)的值。
因此，如果看起来像设置radius也设置width和height，你就不能通过CSS为width和height赋予不同的值。