แจกคะแนน แก้ข้อมูล (Copy 358) (Branch 360)
✨ นายภานุพงศ์ เฉลยรัตน์
<html> <head> <title>Let's Start </title> <style> *{ --cl:hsl(var(--h),100%,var(--l)); transition:0.5s; } body{ --h:30; --l:80%; background:var(--cl); margin:1em; font-family:sans-serif; } h1,p,a{ color:var(--cl); } h1{ --l:10%; } p{ --l:20%; } a{ --l:30%; } .button{ text-decoration:none; padding:1em; display:inline-block; border-radius:4px; color:white; background-color:var(--cl); --l:40%; } .button:hover{ background-color: var(--cl); --l:50%; } </style> </head> <body id="theBody"> <h1> บูมเอง </h1> <p> เที่ยงคืนบึ้มท็อปบูตป่าไม้ รวมมิตรพฤหัส แซ็กโซโฟนตุ๊กตุ๊กสัมนาทรู มอนสเตอร์แพทเทิร์น เต๊ะแอ็คชั่นซาร์ดีนสปิริตเอาท์ ออร์แกนฟอยล์จูน บาบูน มาเฟียกัมมันตะเทคโนอึมครึม เดโม แอดมิสชันฮีโร่แฟนตาซีไฮไลท์ มหาอุปราชาโพสต์อัลตรา เสือโคร่งแพ็คสแควร์ลอร์ด วอร์รูมเฮอร์ริเคนแอ็กชั่นจึ๊กไฮกุ โบรชัวร์สติกเกอร์ ฟินิกซ์ซิงวิดีโอ ซากุระดิสเครดิตคันยิอิเลียด </p> <a href="#" class="button">อ่านต่อ </a> <a href="#">กลับ </a> <br><br><br> <div> <button onclick="theBody.style.setProperty('--h',270)"> ม่วง </button> <button onclick="theBody.style.setProperty('--h',240)"> น้ำเงิน </button> <button onclick="theBody.style.setProperty('--h',210)"> ฟ้า </button> <button onclick="theBody.style.setProperty('--h',120)"> เขียว </button> <button onclick="theBody.style.setProperty('--h',40)"> เหลือง </button> <button onclick="theBody.style.setProperty('--h',30)"> ส้ม </button> <button onclick="theBody.style.setProperty('--h',330)"> ชมพู </button> <button onclick="theBody.style.setProperty('--h',0)"> แดง </button> </div> </body> </html>