[英]JavaFX - Border radius <-> Background color
如果我将-fx-border-radius
和-fx-border-width
CSS添加到一个简单的GridPane,它的角落背景将不会被“减少”。
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);
}
关于结果的图片:
我该如何解决 ?
您还需要添加radius属性以定义背景填充。 否则它将为零值设置,如图所示。
你可以在这里查看CSS规范。
您只需要添加-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);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.