วิธีการตั้งค่าสีข้อความและพื้นหน้าด้วยคุณสมบัติสีสไตล์ชีต Cascading

อาจ 5, 2024

คุณสามารถควบคุมสีของข้อความบนเว็บเพจหรือส่วน (หรือองค์ประกอบ) ของเว็บเพจด้วยคุณสมบัติสี Cascading Style Sheets นอกเหนือจากการควบคุมสีข้อความคุณยังสามารถใช้คุณสมบัติสี CSS เพื่อตั้งค่าสีสำหรับกฎแนวนอนและองค์ประกอบของฟอร์ม ลองมาดูตัวอย่างที่ใช้คุณสมบัติสีเพื่อตั้งค่าข้อความภายในช่องว่าง

และปิด

แท็กเป็นสีดำและสีสำหรับองค์ประกอบเป็นสีแดง

รหัส CSS พื้นฐาน

ตัวอย่าง

ข้อความไปที่นี่

ที่อยู่อีเมลของคุณ

…

แต่ละ CSS กฎประกอบด้วยตัวเลือกและบล็อกการประกาศ บล็อกการประกาศ CSS ถูกวางไว้ระหว่างการเปิดวงเล็บปีกกา {และการปิด} และมีคู่ค่าคุณสมบัติหนึ่งคู่หรือมากกว่าสำหรับแต่ละตัวเลือก

selectors

พี
แบบฟอร์ม

กฎ CSS แรกในตัวอย่างของเราควบคุมสีของข้อความระหว่างสิ่งใด ๆ

แท็กบนหน้าเว็บของเรา p ใน

tag เป็นตัวเลือกสำหรับกฎนี้และบอกให้เบราว์เซอร์ตั้งค่าข้อความเป็นสีดำ กฎข้อที่สองใช้ตัวเลือกองค์ประกอบแบบฟอร์มสำหรับแท็กเพื่อตั้งค่าสีของข้อความ "ที่อยู่อีเมลของคุณ" เป็นสีแดง

คุณสมบัติ

สี:

คุณสมบัติสีเป็นคุณสมบัติที่ตั้งค่าสีสำหรับสีข้อความและพื้นหน้า ในตัวอย่างของเราคุณสมบัติสีจะถูกใช้เพื่อตั้งค่าสีสำหรับทั้งองค์ประกอบ p และแบบฟอร์ม โปรดสังเกตว่าชื่อคุณสมบัติตามด้วยโคลอน (:)

ค่า

#000000;
สีแดง;

คุณสามารถใช้ชื่อสีรหัสสีฐานสิบหกหรือรหัสสี RGB เพื่อตั้งค่าสี ในตัวอย่างของเราเราใช้รหัสสีฐานสิบหก (# 000000) สำหรับองค์ประกอบ p และชื่อสี (สีแดง) สำหรับองค์ประกอบแบบฟอร์ม เราสามารถใช้ rgb รหัสสี RGB ได้ด้วย (100%, 0%, 0%) ขอให้สังเกตว่าค่าสีจะตามด้วยเครื่องหมายอัฒภาค (;)

วิธีการตั้งค่าสีข้อความและพื้นหน้าด้วยคุณสมบัติสีสไตล์ชีท Cascading, HTML, คุณสมบัติสี CSS, วิธีการใช้คุณสมบัติสีวิธีการตั้งค่าสีของข้อความบนหน้าเว็บด้วย CSS, วิธีการตั้งค่าสีของ กฎแนวนอนบนหน้าเว็บด้วย CSS, วิธีการใช้ CSS เพื่อกำหนดสีขององค์ประกอบแบบฟอร์ม

บทความก่อนหน้านี้

บทความถัดไป

บทความที่เกี่ยวข้อง

คอมพิวเตอร์

รับรอง Adobe

อาจ 2024

ฉันได้รับอีเมลวันนี้เพื่อขอความช่วยเหลือในการเตรียมการรับรอง Adobe โดยพื้นฐานแล้วบุคคลนี้ต้องการทราบว่าจะเริ่มต้นอย่างไรและสิ่งใดที่เกี่ยวข้องกับการได้รับการรับรองสำหรับ Adobe Flash...

คอมพิวเตอร์

Book Review - ImageMagick Tricks โดย Sohail Salehi

อาจ 2024

ผู้แต่ง: Sohail Salehi ไอ: 1904811868สำนักพิมพ์: Packt Publishing232 หน้าเผยแพร่: มิถุนายน 2549 ImageMagickTM เป็นระบบประมวลผลภาพบรรทัดคำสั่งจาก ImageMagick Studio, LLC...