Hướng dẫn CSS text 2 màu chữ hoặc nền trong lập trình giao diện

Thiết kế website Chuyên nghiệp Cần Thơ > Blog > Hỏi đáp > Hướng dẫn CSS text 2 màu chữ hoặc nền trong lập trình giao diện

garage68 Cần Thơ

Hôm nay mình xin hướng dẫn CSS cho một text có màu chữ gradient hoặc màu chữ có nền là một tấm ảnh. Dưới đây là CSS text 2 màu chữ:

Hướng dẫn CSS text 2 màu chữ

Đoạn code mẫu

background-image: -webkit-linear-gradient(#de0e18, #a60108);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
 Trên là đoạn code dùng để cho text có hai màu chữ là #de0e18#a60108 Để cho text có màu chữ là ảnh thì chỉ cần thay đổi background-image:url(ten-duong-dan-anh); trong đó ten-duong-dan-anh là tên đường dẫn của bức ảnh đó trong css. Kết quả:  

Link tham khảo:

http://garage68cantho.com/

Trên là hướng dẫn CSS text 2 màu chữ

Xem thêm:

Một công ty đòi hỏi tính chuyên nghiệp, dịch vụ tốt, có lòng tin với khách hàng vậy cần phải làm gì?

Phải khẳng định được vị trí của công ty trên thị trường hiện nay trong thời đại công nghệ.

Xây dưng riêng cho công ty một website vì đây là nơi thể hiện hồ sơ năng lực, tính chuyên nghiêp, và cung cấp các dịch vụ hỗ trợ khách hàng một cách nhanh chóng và hiệu quả.

Vậy thì làm sao để biết đâu là nơi uy tính để xây dựng website?

Hiện nay có rất nhiều công ty thiết kế website , mỗi công ty sẽ có các mức giá dịch vụ khác nhau vì thế rất khó để lụa chọn

Nhưng đừng vì giá cả mà đánh mất nơi làm uy tín. Đôi khi giá trị đi đôi với chất lượng. Cũng đừng so sánh tại sao công ty kìa làm như vậy mà giá lại khác công ty này.

Vậy thì tại sao hàng hóa cũng y chang mà lại có giá này giá khác. Website cũng vậy các công ty muốn đưa ra giá cũng phải cân nhắc nhìu thứ để đưa ra mức giá tốt nhất cho khách hàng. Để biết có tốt hay không hãy tìm hiểu quan trọng là sự tin tưởng lẫn nhau.Hiệu quả đem lại như thế nào khi sử dụng

Công ty em luôn lấy chất lượng tạo niềm tin cho khách hàng. Nếu quý anh chị và các quý công ty tin tưởng thì rất mong được sự hợp tác từ quý anh chị và công ty

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *