mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 15:47:44 +00:00
Base: Add CSS styles to SVG test page
SVG is styleable using CSS, so this adds an extra triangle to the page, which is styled with CSS instead of attributes.
This commit is contained in:
parent
dc9b18da22
commit
2c8c56684b
1 changed files with 12 additions and 1 deletions
|
@ -1,10 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head><title>SVG test</title></head>
|
||||
<head>
|
||||
<title>SVG test</title>
|
||||
<style>
|
||||
.css {
|
||||
fill: magenta;
|
||||
stroke: yellow;
|
||||
stroke-width: 3;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<svg width="800" height="400">
|
||||
<path d="M 10 10 h 100 l -50 80 z" fill="green" stroke="black" stroke-width="3"></path>
|
||||
<path d="M 60 10 h 100 l -50 80 z" fill="red" stroke="blue" stroke-width="3"></path>
|
||||
<path d="M 110 10 h 100 l -50 80 z" class="css"></path>
|
||||
|
||||
<path d="M 135 275 v -100 a 100,100 0 0,0 -100,100 z" fill="yellow" stroke="blue" stroke-width="3"></path>
|
||||
<path d="M 150 290 v -100 a 100,100 0 1,1 -100,100 z" fill="red" stroke="blue" stroke-width="3"></path>
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue