Shapes with SVG and CSS
This example shows basic geometric shapes rendered as SVG elements on an HTML page, with a few shapes styled using inline fill attributes and a CSS class that sets text color to red. The page displays two circles and two rectangles at fixed positions within a 960-by-500 SVG viewport, using plain SVG markup without any external libraries. The rendering approach is straightforward static SVG, with one circle and one rectangle using default black fills, while the remaining circle and rectangle use explicit red and green fill colors. The HTML links to a separate Styles.css file for global body styling, but the visual shapes rely entirely on SVG attributes.