สร้างเกรเดียนต์ CSS

background-image: linear-gradient(135deg, #3b82f6 0%, #ec4899 100%);

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