如果我将 -fx-border-radius
和 -fx-border-width
CSS 添加到一个简单的 GridPane 中,在它的 Angular 落背景将不会被“削减” ".
CSS:
.payload {
-fx-hgap: 20px;
-fx-padding: 40px;
-fx-background-color: #2969c0;
-fx-border-radius: 50px;
-fx-border-width: 5px;
-fx-border-color: black;
-fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.8), 10, 0, 0, 0);
}
结果图片:
我该如何解决这个问题?
最佳答案
您还需要添加半径属性来定义背景填充。否则它将假定为零值,如您的图片所示。
您可以查看 CSS 规范 here .
你只需要添加 -fx-background-radius
属性:
.payload {
-fx-hgap: 20px;
-fx-padding: 40px;
-fx-background-color: #2969c0;
-fx-background-radius: 50px;
-fx-border-radius: 50px;
-fx-border-width: 5px;
-fx-border-color: black;
-fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.8), 10, 0, 0, 0);
}
关于JavaFX - 边框半径<->背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43557722/