วิธีใช้โค้ดสี HTML

การเพิ่มสีสันให้กับการออกแบบเว็บไซต์ของคุณทำได้ง่ายด้วยโค้ดสี HTML

เปิดแผนภูมิโค้ดสี HTML ที่ปลอดภัยสำหรับเว็บ และตรวจสอบสีที่มี แม้ว่าคอมพิวเตอร์ส่วนใหญ่สามารถแสดงสีใดๆ ได้ แต่การใช้สีที่ปลอดภัยสำหรับเว็บเท่านั้นเป็นตัวเลือกที่เข้าถึงได้ง่ายกว่า นอกจากนี้ยังมีหลายสีให้เลือก เลือกสีสำหรับโครงการของคุณที่ตรงกับธีมและการออกแบบเว็บไซต์ของคุณ หลักการที่ดีคือการเลือกสีเสริมสองสีและสีเฉพาะจุดหนึ่งสี สีที่เป็นกลาง เช่น สีดำ สีขาว สีเทา หรือสีแทนเป็นอีกทางเลือกที่ดี

คัดลอกโค้ดสี HTML 6 อักขระสำหรับสีที่คุณต้องการใช้บนเว็บไซต์ของคุณ ประกอบด้วยตัวเลข 0, 3, 6 และ 9 และตัวอักษร C และ F ในชุดค่าผสมต่างๆ รหัส 6 อักขระเหล่านี้จะใช้ในโค้ดเว็บไซต์ HTML ของคุณทุกที่ที่คุณต้องการสร้างสำเนียงที่มีสีสัน

เลือกสีหนึ่งสีเพื่อใช้เป็นพื้นหลังของเว็บไซต์ของคุณ ในการเปลี่ยนสีพื้นหลังนี้ ให้ใช้โค้ด HTML "

" และแทนที่รหัส 6 อักขระด้วยรหัสสีที่คุณต้องการ เนื่องจากนี่คือสีสำหรับพื้นหลังเนื้อหาหน้าเว็บทั้งหมด ข้อมูลโค้ด HTML นี้จะแทนที่ "ปกติ"" แท็ก

เปลี่ยนสีของข้อความ หัวเรื่อง หรือลิงก์ในหน้าเว็บไซต์ของคุณโดยใส่รหัสสีและโค้ด HTML ที่เหมาะสมลงในหน้าโค้ดเว็บไซต์ของคุณ ข้อความใดๆ สามารถระบายสีได้โดยการเพิ่มแอตทริบิวต์ HTML "

" ไปที่รหัส เช่น หากต้องการเปลี่ยนสีหัวเรื่องใหญ่ ให้เติม "

หัวเรื่อง

" ไปยังรหัสเว็บไซต์ของคุณ

เปลี่ยนสีของส่วนหัวทั้งหมดบนเว็บไซต์ของคุณโดยใช้สไตล์ชีตแบบเรียงซ้อน (CSS) แทน ใช้รหัสรหัส "h1 {color:#336699;}" ระหว่าง "

" และ "" ในโค้ดเว็บไซต์ของคุณ ทุกครั้งที่คุณเข้ารหัส "

" ในเว็บไซต์ของคุณจะเป็นสีนั้น CSS เป็นวิธีมาตรฐานของการจัดรูปแบบเว็บไซต์ นอกจากนี้ยังช่วยให้เข้าไปข้างในและทำการเปลี่ยนแปลงได้ง่ายขึ้นหากคุณต้องการออกแบบใหม่

เปลี่ยนสีแบบอักษร ลิงก์ และสิ่งอื่น ๆ ใน CSS ใช้ข้อมูลโค้ด CSS "p {color:#336699;}" สำหรับแบบอักษร HTML สำหรับแต่ละบล็อกข้อความต้องถูกล้อมรอบด้วย "

" และ "

" แท็ก สีของลิงค์สามารถเปลี่ยนได้โดยใช้ "{color:#336699;}" และ "" ในโค้ดเว็บไซต์ HTML ของคุณ แท็ก HTML อื่นๆ เช่น เส้นขอบรูปภาพ กฎแนวนอน และเซลล์ตารางสามารถเปลี่ยนแปลงได้โดยใช้ข้อมูลโค้ด CSS พื้นฐาน "{color:#336699;}"

หมวดหมู่

ล่าสุด

วิธีใส่ MicroSD ลงในคอมพิวเตอร์ Dell

วิธีใส่ MicroSD ลงในคอมพิวเตอร์ Dell

การ์ด MicroSD สามารถจัดเก็บข้อมูลได้หลายกิกะไบ...

วิธีเชื่อมต่อ MacBook กับทีวีด้วย HDMI

วิธีเชื่อมต่อ MacBook กับทีวีด้วย HDMI

แล็ปท็อป Macbook และ Macbook Pro ของ Apple มาพร...

วิธีการขัดฮาร์ดไดรฟ์ของคอมพิวเตอร์

วิธีการขัดฮาร์ดไดรฟ์ของคอมพิวเตอร์

เครดิตรูปภาพ: รูปภาพ RF / Polka Dot / Getty ของ...