ฟังก์ชัน rgb() ใช้สำหรับตั้งค่าสี RGB พารามิเตอร์สำหรับฟังก์ชันกำหนดความเข้มของสีเป็นเปอร์เซ็นต์หรือค่าตั้งแต่ 0 ถึง 255
ตัวอย่าง
มาดูตัวอย่างการใช้งาน rgb() ใน CSS กันก่อน −
<!DOCTYPE html>
<html>
<head>
<style>
div {
text-align: justify;
text-justify: inter-word;
color: rgb(213,33,33);
background-color: rgb(211,211,211);
font-size: 1.1em;
}
</style>
</head>
<body>
<h2>Demo Heading</h2>
<div>This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </div>
</body>
</html> ผลลัพธ์
ตัวอย่าง
เรามาดูตัวอย่างอื่นกัน −
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
grid-area: newArea;
font-size: xx-large;
}
.item3 {
font-size: small;
}
.item4 {
font-size: medium;
}
.item5 {
font-size: x-large;
}
.grid-container {
display: grid;
grid-template-areas:
'newArea newArea . . .'
'newArea newArea . . .';
grid-gap: 5px;
background-color: rgb(0,255,255);
padding: 5px;
}
.grid-container > div {
background-color: rgb(255, 50, 80);
text-align: center;
padding: 5px 0;
}
</style>
</head>
<body>
<h1>Heading One</h1>
<p>Set some random numbers</p>
<div class="grid-container">
<div class="demo">250</div>
<div class="item2">120</div>
<div class="item3">333</div>
<div class="item4">298</div>
<div class="item5">645</div>
<div class="item6">543</div>
<div class="item7">555</div>
</div>
</body>
</html> ผลลัพธ์
