Shapes with SVG and CSS
A grid of SVG shapes demonstrates the use of Cascading Style Sheets to control stroke and fill properties. A set of circles and rectangles appear in a default black, followed by explicitly colored variants, then a group with a light-blue fill and black stroke. SVG line and path elements are styled with thick black strokes and a teal color, respectively, using a dedicated CSS class. The example relies on raw SVG elements and CSS selectors, with no JavaScript libraries involved, and renders at a 1.5× scale.