TeamB P; Pim
✨ นายธีรภพ โพธิ์เกิด
<html> <head> <title>Let's Start </title> <style> body{ background:#f1f6ff; margin:1rem; text-align:center; font-family:sans-serif; } svg{ background:#c00; box-shadow:0 0 20px #0002; width:80%; } </style> </head> <body> <svg viewBox="0 0 100 100"> <circle r="1" fill="#fc0" cx="50" cy="50"/> <circle stroke="#fc0" stroke-width="2" r="15" fill="#fc08" cx="20" cy="20"/> <path fill="#c00" stroke="green" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0, 40 l0,0 20,20 l20, -20 l0,0 20,20 l20, -20 l0,0 20,20" /> <path fill="#c00" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M90,50 v20 h-20 v-20 z "/> </svg> <br><br> <svg viewBox="0 0 100 100"> <defs> <pattern id="grass" viewBox="0 0 100 100" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse" > <rect width="100" height="100" fill="#C6FF00"/> <circle r="15" cx="10" cy="35" fill="pink"></circle> <circle r="6" cx="10" cy="32.5" fill="white"></circle> <circle r="6" cx="7.5" cy="35" fill="white"></circle> <circle r="6" cx="12.5" cy="35" fill="white"></circle> <circle r="6" cx="10" cy="37.5" fill="white"></circle> <circle r="3" cx="10" cy="35" fill="#ff24e9"></circle> </pattern> <pattern id="sky" viewBox="0 0 10 10" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse" > <rect width="100" height="100" fill="#4FC3F7"/> <path stroke = "red" d = "M0,0 h10" stroke-width = "5"></path> </pattern> </defs> <rect fill="url(#grass)" width="100" height="100"/> <path fill="url(#sky)" d="M0,0 h100 L0,100 "/> </svg> </body> </html>