/* BasicShapes.css */ /* CSS that styles various two-dimensional shapes */ Line, Rectangle, Circle, Ellipse, Arc { -fx-stroke-width: 10; } #line1 { -fx-stroke: red; } #line2 { -fx-stroke: rgba(0%, 50%, 0%, 0.5); -fx-stroke-line-cap: round; } Rectangle { -fx-stroke: red; -fx-arc-width: 50; -fx-arc-height: 50; -fx-fill: yellow; } Circle { -fx-stroke: blue; -fx-fill: radial-gradient(center 50% 50%, radius 60%, white, red); } Ellipse { -fx-stroke: green; -fx-fill: image-pattern("yellowflowers.png"); } Arc { -fx-stroke: purple; -fx-fill: linear-gradient(to right, cyan, white); }