บทช่วยสอน CSS

สารบัญ

    แสดงสารบัญ

CSS เป็นภาษาที่เราใช้จัดรูปแบบเอกสาร HTML

CSS อธิบายวิธีการแสดงองค์ประกอบ HTML

บทช่วยสอนนี้จะสอน CSS ให้คุณตั้งแต่ขั้นพื้นฐานไปจนถึงขั้นสูง

ตัวอย่างในแต่ละบท

บทช่วยสอน CSS นี้มีตัวอย่าง CSS หลายร้อยตัวอย่าง

ด้วยโปรแกรมแก้ไขออนไลน์ของเรา คุณสามารถแก้ไข CSS และคลิกที่ปุ่มเพื่อดูผลลัพธ์

ตัวอย่าง CSS

body
{
  background-color: lightblue;
}

h1
{
  color: white;
  text-align: center;
}

p
{
   
font-family: verdana;
  font-size: 20px;
}

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}
</style>
</head>
<body>

<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>

</body>
</html>

คลิกที่ปุ่ม "ลองด้วยตัวเอง" เพื่อดูวิธีการทำงาน

ตัวอย่าง CSS

เรียนรู้จากตัวอย่างมากกว่า 300 ตัวอย่าง! ด้วยโปรแกรมแก้ไขของเรา คุณสามารถแก้ไข CSS และคลิกที่ ปุ่มเพื่อดูผลลัพธ์

ไปที่ตัวอย่าง CSS!

ใช้เมนู

เราขอแนะนำให้อ่านบทช่วยสอนนี้ตามลำดับที่แสดงอยู่ในเมนู

หากคุณมีหน้าจอขนาดใหญ่ เมนูจะปรากฏทางด้านซ้ายเสมอ

หากคุณมีหน้าจอขนาดเล็ก ให้เปิดเมนูโดยคลิกที่ป้ายเมนูด้านบน ☰

เทมเพลต CSS

เราได้สร้างเทมเพลต W3.CSS แบบตอบสนองเพื่อให้คุณใช้

คุณมีอิสระที่จะแก้ไข บันทึก แบ่งปัน และใช้สิ่งเหล่านี้ในทุกโครงการของคุณ

เทมเพลต CSS ฟรี!