หากต้องการตั้งค่าคำแนะนำเครื่องมือด้านซ้าย ให้ใช้ ขวา คุณสมบัติ CSS. คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อตั้งค่าคำแนะนำเครื่องมือด้านซ้ายเป็นข้อความ: ตัวอย่าง .mytooltip .mytext { การมองเห็น:ซ่อน; ความกว้าง:140px; พื้นหลังสี:ส้ม; สี:ขาว; ดัชนี z:1; ด้านบน:-6px; ขวา:100%; จัดข้อความ:ศูนย์; รัศมี
ใช้ตัวเลือก [attribute] เพื่อเลือกองค์ประกอบที่มีแอตทริบิวต์ เช่น แอตทริบิวต์ alt หรือแอตทริบิวต์เป้าหมาย เป็นต้น คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ตัวเลือก CSS[attribute] ตัวอย่าง <!DOCTYPE html> <html> <head> <style> &n
ใช้ [แอตทริบิวต์| =”value”] ตัวเลือกเพื่อเลือกองค์ประกอบที่มีแอตทริบิวต์ที่ระบุเริ่มต้นด้วยค่าที่ระบุ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน CSS [attribute| =”ค่า”] ตัวเลือก ตัวอย่าง <!DOCTYPE html> <html> <head> <style> &n
หากต้องการตั้งค่าคำแนะนำเครื่องมือด้านล่าง ให้ใช้ปุ่ม ด้านบน คุณสมบัติ CSS. คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อตั้งค่าคำแนะนำเครื่องมือด้านล่างเป็นข้อความ: ตัวอย่าง .mytooltip .mytext { การมองเห็น:ซ่อน; ความกว้าง:140px; พื้นหลังสี:ส้ม; สี:ขาว; ดัชนี z:1; ด้านบน:100%; ซ้าย:60%; ระยะขอบซ้าย:-90px
ใช้ animation-delay คุณสมบัติเพื่อตั้งค่าการหน่วงเวลาสำหรับการเริ่มแอนิเมชั่นด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน animation-delay ทรัพย์สิน − ตัวอย่าง <!DOCTYPE html> <html> <head> <style> di
ใช้รายการแบบอินไลน์เพื่อสร้างแถบนำทางแนวนอน ตั้งค่า <li> องค์ประกอบเป็นแบบอินไลน์ ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อสร้างแถบนำทางแนวนอน: <!DOCTYPE html> <html> <head> <style> ul { &
หากต้องการสร้างแถบนำทางแนวนอน ให้ตั้งค่าองค์ประกอบ เป็นอินไลน์ ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อสร้างแถบนำทางแนวนอน <!DOCTYPE html> <html> <head> <style> ul {
หากต้องการกำหนดขนาดตัวอักษรด้วยพิกเซล ให้ใช้ปุ่ม em หน่วย ด้วย ขนาดแบบอักษร ทรัพย์สิน 1em = 16px ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อกำหนดขนาดตัวอักษรด้วย em <!DOCTYPE html> <html> <head> <style>
หากต้องการสร้างแถบนำทางแนวนอน ให้ใช้รายการแบบลอยตัว ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อสร้างแถบนำทางแนวนอน - <!DOCTYPE html> <html> <head> <style> ul { li
หากต้องการสร้างแถบนำทางแนวนอน ให้ใช้รายการแบบลอยตัว ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อสร้างแถบนำทางแนวนอน <!DOCTYPE html> <html> <head> <style> ul { list
หากต้องการลอยรายการไปทางขวา ให้ใช้คุณสมบัติ float:right ใน CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน ตัวอย่าง <!DOCTYPE html> <html> <head> <style> ul { list-st
ในการเพิ่มตัวแบ่งลิงก์ในแถบนำทาง ให้ใช้คุณสมบัติ border-right สำหรับองค์ประกอบ ตัวอย่าง <!DOCTYPE html> <html> <head> <style> ul { list-style-type: none; &nbs
ใช้ ด้านบน คุณสมบัติ CSS เพื่อเพิ่มลูกศรที่ด้านล่างของคำแนะนำเครื่องมือ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเพิ่มคำแนะนำเครื่องมือโดยมีลูกศรอยู่ด้านล่าง: .mytooltip .mytext { การมองเห็น:ซ่อน; ความกว้าง:140px; พื้นหลังสี:สีฟ้า; สี:#fff; ดัชนี z:1; ด้านล่าง:100%; ซ้าย:60%; ระยะขอบซ้าย:-9
ในการสร้างแถบนำทางเหนียว ให้ใช้ตำแหน่ง:เหนียว; คุณสมบัติ. คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อสร้างแถบนำทางแบบติดหนึบ ตัวอย่าง <!DOCTYPE html> <html> <head> <style> ul { &n
ใช้ โหมดเติมภาพเคลื่อนไหว คุณสมบัติเพื่อกำหนดสไตล์สำหรับองค์ประกอบเมื่อไม่ได้เล่นแอนิเมชั่น คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน คุณสมบัติโหมดเติมภาพเคลื่อนไหว ตัวอย่าง <!DOCTYPE html> <html> <head> <style> &nb
ใช้ CSS :visit selector เพื่อจัดรูปแบบลิงก์ที่เข้าชมทั้งหมด ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน :visited selector: <!DOCTYPE html> <html> <head> <style> a:link, a:visited { &nb
ใช้ ความทึบ คุณสมบัติเพื่อเพิ่มความโปร่งใสให้กับพื้นหลังขององค์ประกอบ คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อใช้งานได้ ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { &n
หากต้องการจัดรูปแบบลิงก์ที่เข้าชมทั้งหมด ให้ใช้ CSS :visited selector ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน :visited selector <!DOCTYPE html> <html> <head> <style> a:link, a:visited { &
ในการตั้งค่าความทึบสำหรับสีพื้นหลัง ให้ใช้คุณสมบัติความทึบด้วยค่าสี RGBA ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อใช้คุณสมบัติความทึบ: <!DOCTYPE html> <html> <head> <style> div { &n
ในการสร้างกล่องโปร่งใสด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { background-color: #808000; &
