🌍 Public
Viewing a saved revision (read-only)
04066c89e3fa45e1a1d277cd1d5fdc29
Shapes with SVG and CSS
This example demonstrates two fundamental SVG shapes—a circle and a rectangle—styled purely with CSS. The SVG canvas is fixed at 1000 by 600 pixels, with the circle positioned at (60,60) and the rectangle at (150,10). The stylesheet applies a maroon fill to the circle and gray to the rectangle, while the body margin is reset to zero and overflow hidden. The implementation uses raw SVG elements directly in HTML, with CSS selectors targeting the `<circle>` and `<rect>` tags for styling.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.