কম্পিউটার টিউটোরিয়াল

CSS ব্যবহার করে টেক্সট রং সেট করুন


টেক্সট রং সেট করতে CSS-এ color প্রপার্টি ব্যবহার করুন। রং নাম, হেক্সাডেসিমেল মান, RGB মান বা HSL মান দিয়ে রং সেট করা যায়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
span { background-color: orange; color: white; }
p.demo { display: none; }
span.demo1 { display: inline; }
</style>
</head>
<body>
<h1>Match Details</h1>
<div> Match will begin at <p class="demo">9AM</p> 10AM on 20th December. </div>
<div> Match will end at <span class="demo1">5PM</span> on 20th December. </div>
</body>
</html>

আউটপুট

CSS ব্যবহার করে টেক্সট রং সেট করুন

উদাহরণ

আরেকটি উদাহরণ:

<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 { word-spacing: 1cm; color: #F8E61C; }
p.demo2 { word-spacing: 40px; }
</style>
</head>
<body>
<h1>Demo Heading</h1>
<h2>Heading2</h2>
<p class="demo1">This is demo text.</p>
<h2>Heading2</h2>
<p class="demo2">This is demo text.</p>
</body>
</html>

আউটপুট

CSS ব্যবহার করে টেক্সট রং সেট করুন


  1. CSS text-decoration দিয়ে টেক্সট সাজানো: আন্ডারলাইন, ওভারলাইন, লাইন-থ্রু

  2. CSS-এ কালার প্রপার্টি সেট করা: টেক্সট, বর্ডার, ব্যাকগ্রাউন্ড

  3. CSS color প্রপার্টি দিয়ে এলিমেন্টের টেক্সট রঙ পরিবর্তন

  4. CSS-এ লিনিয়ার গ্রেডিয়েন্টে কালার স্টপ লোকেশন (Location Color Stops) সেট করা