File manager - Edit - /home/kridsana/webapp.cm.in.th/673190902/u67319090029/P001/style.css
Back
/* ใช้ฟอนต์จาก Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); /* กำหนดฟอนต์และพื้นหลัง */ body { font-family: 'Roboto', sans-serif; background-color: #f4f7fc; /* สีพื้นหลังอ่อน */ margin: 0; padding: 0; color: #333; /* สีตัวอักษรหลัก */ } /* กำหนดขนาดและการจัดตำแหน่งของคอนเทนเนอร์ */ .container { width: 80%; max-width: 600px; margin: 50px auto; padding: 30px; background-color: #ffffff; /* สีพื้นหลังของฟอร์ม */ border-radius: 10px; /* มุมมน */ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* เงาเบาๆ */ } /* หัวข้อ */ h1 { text-align: center; font-size: 28px; color: #0056b3; /* สีหัวข้อเป็นน้ำเงิน */ margin-bottom: 20px; } /* สไตล์ของฟอร์ม */ form { display: flex; flex-direction: column; gap: 20px; } /* ป้ายกำกับ (Label) */ label { font-size: 16px; font-weight: 500; color: #0056b3; /* สีข้อความป้ายกำกับเป็นน้ำเงิน */ } /* ช่องกรอกข้อมูล */ input[type="number"] { padding: 12px; font-size: 16px; border: 1px solid #ddd; border-radius: 8px; /* มุมมน */ background-color: #f9f9f9; transition: border-color 0.3s ease; } /* เมื่อผู้ใช้กรอกข้อมูลแล้ว ช่องจะเปลี่ยนสี */ input[type="number"]:focus { border-color: #4CAF50; /* สีเขียวเมื่อโฟกัส */ outline: none; } /* ปุ่มคำนวณเกรด */ button { padding: 12px; font-size: 16px; background-color: #4CAF50; /* สีเขียว */ color: white; border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease; } /* เมื่อเมาส์วางอยู่บนปุ่ม */ button:hover { background-color: #45a049; } /* ผลลัพธ์ที่แสดงหลังการคำนวณ */ .result { margin-top: 30px; background-color: #f1f1f1; padding: 20px; border-radius: 10px; display: none; text-align: center; } .result p { font-size: 18px; margin: 10px 0; color: #333; } /* สไตล์ของคะแนนรวม */ #totalScore { font-weight: bold; color: #0056b3; /* สีน้ำเงินสำหรับคะแนนรวม */ } /* สไตล์ของเกรด */ #grade { font-weight: bold; color: #4CAF50; /* สีเขียวสำหรับเกรด */ }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.81 |
proxy
|
phpinfo
|
Settings