<!DOCTYPE html>
<html>
<haed><title></title></haed>
<body>
<svg width="500px" height="500px" ViewBox="0 0 100 100">
<path d="M0,0 L100,0 L100,100 L0,100 L0,0 " stroke="black" stroke-width="2" fill="none"/>
<path d="M0,10 L100,10 M0,20 L100,20 M0,30 L100,30 M0,40 L100,40 M0,50 L100,50 M0,60 L100,60 M0,70 L100,70 M0,80 L100,80 M0,90 L100,90M0,30 L100,30 "stroke="black" stroke-width="0.5"/>
<path d="M10,0 V100 M20,0 V100 M30,0 V100 M40,0 V100 M50,0 V100 M60,0 V100 M70,0 V100 M80,0 V100 M90,0 V100" stroke="black" stroke-width="0.5" />
<!-- <path d="M20,20 H40 V10 L60,30 L40,50 V40 H20 V20" stroke="red" stroke-width="1" fill="red"stroke="black" stroke-width="0.5"/>
<path d="M20，70 l=20,-20" stroke="black" stroke-width="0.5"/> -->
<!-- <rect width="80" height="80" fill="white" x="10" y="10"stroke="red" stroke-width="2"rx="5"ry="5"/ >
<path d="M10,10 h60 v60" stroke="black" stroke-width="1"/> -->
<!-- <path d="M10,50 h80 M45,15 L50,10 55,15 M50,90 v-80 M85,45 L90,50 85,55" stroke="red" stroke-width="1"/>
<path d="M30,50 Q40,30 50,50 M50,50 Q60,70 70,50 "stroke="red" stroke-width="1" fill="none"/> -->
<!-- <path d="M10,50 h80 M50,90 v-80 M30,50 Q40,30 50,50 Q60,30 70,50 Q50,100 30,50"stroke="red" fill="none" stroke-width="1"/> -->
<!-- <defs>
<g id="zuhe">
<rect width="20" height="20"/>
<circle cx="20" cy="20" r="25">
</g>
</defs>
<use xlink:href="#zuhe"x="10"y="10"/>
<use xlink:href="#zuhe"x="50"y="50"/> -->
<!-- <circle cx="40" cy="70" r="2"/>
<circle cx="40" cy="70" r="2"/> -->
<!-- <defs>
<g id="hong">
<circle r="2" fill="red"/>
</g>
<g id="hei">
<circle r="2" fill="blud"/>
</g>
</defs>
<use xlink:href="#hong" x="10" y="10"/>
<use xlink:herf="#hei" x="20" y="10"/> -->
<!-- <defs>
<filter id="jianbian" x="0" y="0">
<feGaussianBlur stdDeviation="10"/>
</filter>
</defs>
<rect width="50" height="50" x="10" y="10" fill="red" filter="url(#jianbian)"/> -->
<defs>
<linearGradient id="cyi" x1="0%" y1="0%" x2="100%" y2="100%" />
<stop offset="0%" style="stop-color:red"/>
<stop offset="100%" style="stop-color:blud"/>
</linearGradient>
</defs>
<circle cx="50" cy="50" r=40 fill="url(#cyi)"/>
</svg>
</body>
</html>