วิธีการ - จัดรูปแบบส่วนหัว
เรียนรู้วิธีจัดรูปแบบส่วนหัว
หัวโต
สร้างส่วนหัว
ขั้นตอนที่ 1) เพิ่ม HTML:
ตัวอย่าง
<div class="header">
<h1>Header</h1>
<p>My supercool
header</p>
</div>
ขั้นตอนที่ 2) เพิ่ม CSS:
จัดรูปแบบส่วนหัวด้วยช่องว่างภายในขนาดใหญ่ ข้อความที่อยู่ตรงกลาง สีพื้นหลังเฉพาะ และข้อความขนาดใหญ่:
ตัวอย่าง
.header {
padding: 60px;
text-align: center;
background: #1abc9c;
color: white;
font-size: 30px;
}
เคยได้ยินเกี่ยวกับW3Schools Spacesไหม? ที่นี่คุณสามารถสร้างเว็บไซต์ของคุณตั้งแต่เริ่มต้นหรือใช้เทมเพลตและโฮสต์ได้ฟรี
เริ่มต้นฟรี ❯* ไม่ต้องใช้บัตรเครดิต