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

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

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


Antinew007 49.49.240.xxx 13-05-2020 00:51:15

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

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


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


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

 ความคิดเห็นที่ 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 27.55.72.xxx 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 202.151.7.xxx 01-06-2020 14:02






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ