CSS ব্যবহার করে এলিমেন্টের টেক্সট, বর্ডার ও ব্যাকগ্রাউন্ডের জন্য রঙ সংজ্ঞায়িত করা যায়। color প্রপার্টি এলিমেন্টের টেক্সট রঙ নির্দিষ্ট করতে ব্যবহৃত হয়।
সিনট্যাক্স
CSS color প্রপার্টির সিনট্যাক্স:
Selector { color: /*মান*/ }
নিচের উদাহরণগুলো CSS color প্রপার্টি বোঝায়:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> div { color: seashell; background-color: lightcoral; } p { font-size: 1.5em; color: blue; background-color: palegreen; box-shadow: 0 0 5px 1px rgb(0,0,0); } </style> </head> <body> <div> This is demo text. <p> Text added for reference. </p> This is demo text 2. </div> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> * { text-align: center; } h3 { color: red; border: 2px ridge rosybrown; } p { color: royalblue; background-color: cornsilk; box-shadow: 0 0 5px 1px deeppink; } </style> </head> <body> <h3>Demo Demo Demo Demo</h3> <p>Demo text here</p> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
