आरजीबी () फ़ंक्शन का उपयोग आरजीबी रंग मान सेट करने के लिए किया जाता है। फ़ंक्शन के लिए पैरामीटर रंग की तीव्रता को प्रतिशत या मान में 0 से 255 तक सेट करता है।
उदाहरण
आइए पहले सीएसएस में आरजीबी () को लागू करने के लिए एक उदाहरण देखें -
<!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> आउटपुट
