สอบถามเกี่ยวกับ css การทำ background color ครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามเกี่ยวกับ css การทำ background color ครับ

สอบถามเกี่ยวกับ css การทำ background color ครับ

คือผมต้องการที่จะไล้ระดับสีของพื้นหลัง ซึ่งตอนนี้ผมมี code สีอยู่ 2 ตัวด้วยกัน คือ #6789DF กับ #4F53E4 ซึ่งผมอยากเอา 2 code ไปทำเป็นสีไล้ระดับของพื้นหลัง ไม่ทราบว่าผมต้องกำหนดค่า css อย่างไรได้บ้างครับ

Antinew007 13-05-2020 00:51:15

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ลองใช้คำค้น css background gradients

หรือตามนี้ เป็นแนวทาง

background-color: #0061f2;
background-image: linear-gradient(135deg, #0061f2 0%, rgba(105, 0, 199, 0.8) 100%);

background-color: [ค่าสีที่1];
background-image: linear-gradient([มุมองศา], [ค่าสีที่1] 0%, [ค่าสีที่2] 100%);

ninenik 13-05-2020

ความคิดเห็นที่ 2

จากความคิดเห็นที่ 1

สรุปออกมาเป็น Code ได้ดังนี้ครับ

<!DOCTYPE html>
<html>
<head>
<style>
html {
    height: 100%;
    background-size: cover;
    background-repeat:no-repeat;
    background-color: #6789DF;
	background-image: linear-gradient(-90deg, #6789DF 0%, #4F53E4 100%);
    color: white;
}
</style>
</head>
<body>

<h1>Linear Gradient</h1>

</body>
</html>

และ Link Code สำรองครับ

https://www.w3schools.com/code/tryit.asp?filename=GFCSSXMU7AS3

Sumate Mephokkij 01-06-2020 14:02

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน