วิธีการเปลี่ยนสีของ div โดยการเลื่อนเมาส์

เนื้อหา

• คำสั่ง

แท็ก DIV (ตัวย่อของ "แยก") กำหนดส่วนของเอกสาร HTML และมักจะใช้กับภาษา CSS เพื่อสร้างเค้าโครงพื้นฐานของเว็บไซต์ DIV สามารถปรับแต่งได้โดยใช้ CSS เพื่อกำหนดระยะขอบระยะห่างเส้นขอบขนาดตัวอักษรการจัดตำแหน่งหรือสีพื้นหลังรวมถึงเทคนิคขั้นสูงอื่น ๆ เช่นการเปลี่ยนสีของ DIV เมื่อผู้ใช้วางเมาส์เหนือมัน

คำสั่ง

ภาษา CSS ให้คุณใช้ลูกเล่นเพื่อปรับปรุงการโต้ตอบกับผู้ใช้กับหน้า (รูปภาพ Comstock / Comstock / Getty)

1. เปิดเอกสารจากหน้าเว็บของคุณในโปรแกรมแก้ไขข้อความ

2. วางเคอร์เซอร์บนบรรทัดว่างระหว่าง ""และ"'.

3. พิมพ์ "type = 'text / css'>" แล้วกด "Enter" ด้วยวิธีนี้คุณจะเริ่มสร้างสคริปต์ CSS

4. พิมพ์ "# div1: hover {background-color: # ff0000;}" และกด "Enter" สิ่งนี้จะปรับแต่งคอนเทนเนอร์ DIV ด้วยค่า "div1" เป็นคุณสมบัติ ID โดยใช้สีพื้นหลัง "# ff0000" (ค่าเลขฐานสิบหก) เมื่อสถานะ "โฮเวอร์" ถูกเปิดใช้งานซึ่งจะเกิดขึ้นเมื่อวางเคอร์เซอร์เมาส์ไว้เหนือ DIV ID และค่าสีพื้นหลังเหล่านี้สามารถเปลี่ยนแปลงได้ถ้าต้องการ

5. ประเภท ""เพื่อปิดแท็กสคริปต์ CSS

6. วางเคอร์เซอร์ข้อความบนบรรทัดว่างระหว่างแท็ก "" และ ""

   
   

7. พิมพ์ "" แล้วกด "Enter" เพื่อสร้างคอนเทนเนอร์ DIV ด้วยค่า ID "div1" หากคุณเปลี่ยนชื่อ ID ในขั้นตอนที่ 4 คุณต้องใส่ชื่อเดียวกันที่นี่

8. พิมพ์หรือวางเนื้อหาที่จะรวมใน DIV และกด "Enter"

9. พิมพ์ "" เพื่อปิดคอนเทนเนอร์ DIV

10. คลิก "ไฟล์" และ "บันทึก" เพื่อบันทึกเอกสาร