Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/673190902/u67319090033/WEB/styles.css
Arrière
/* การปรับขนาดรูปภาพทั้งหมด */ img { max-width: 100%; /* ปรับขนาดรูปให้ไม่เกินขนาดของ container */ height: auto; /* คงอัตราส่วนภาพ */ display: block; /* ทำให้รูปภาพเป็นบล็อก, จะได้ไม่มีช่องว่างด้านล่าง */ margin: 0 auto; /* จัดกลางภาพ */ } /* การจัดระเบียบตัวอักษร */ h1, h2, h3, p { font-family: 'Arial', sans-serif; margin: 20px 0; line-height: 1.6; } h1 { font-size: 2.5rem; color: #4a90e2; /* สีฟ้าสำหรับหัวข้อหลัก */ font-weight: bold; } h2 { font-size: 2rem; color: #333333; /* สีเทาเข้มสำหรับหัวข้อรอง */ } h3 { font-size: 1.75rem; color: #6a4f4b; /* สีสำหรับหัวข้อกิจกรรม */ } p { font-size: 1rem; color: #4f4f4f; /* สีสำหรับเนื้อหาข้อความ */ margin-bottom: 20px; } /* เพิ่มระยะห่างระหว่างบล็อก */ section { margin-bottom: 40px; } /* Hero Section */ .hero { background-image: url('original-1678182289386.jpg'); background-size: cover; background-position: center center; height: 400px; text-align: center; color: white; padding: 60px 20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); } /* ทำให้ข้อความใน hero มองเห็นได้ชัดเจน */ .hero h1 { font-size: 3rem; font-weight: bold; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } /* บล็อกข้อมูลกิจกรรม */ .activities h2 { color: #4a90e2; text-align: center; font-size: 2.5rem; margin-bottom: 30px; } .activities h3 { font-size: 1.5rem; color: #6a4f4b; margin-bottom: 15px; } .activities p { font-size: 1rem; color: #4f4f4f; margin-bottom: 20px; } /* การตกแต่งปุ่มในแต่ละ section */ button { background-color: #4a90e2; color: white; padding: 10px 20px; border: none; border-radius: 5px; font-size: 1rem; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: #357ab7; /* เปลี่ยนสีเมื่อ hover */ } /* เพิ่มการจัดการ border และ background ในบาง section */ .info, .accommodation, .activities, .travel, .contact { background-color: #fafafa; /* สีพื้นหลังอ่อน */ padding: 30px; border-radius: 8px; border: 1px solid #e0e0e0; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); } /* สำหรับ Footer */ footer { background-color: #333; color: white; padding: 20px; text-align: center; font-size: 1rem; margin-top: 50px; } footer .social a { color: #ffffff; text-decoration: none; margin: 0 10px; } footer .social a:hover { text-decoration: underline; } /* เพิ่มความสะดวกในการดู */ .container { width: 85%; margin: 0 auto; max-width: 1200px; /* จำกัดขนาดสูงสุด */ }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.24 |
proxy
|
phpinfo
|
Réglages