কিভাবে লিঙ্ক ফন্ট পরিবর্তন করতে

সুচিপত্র:

কিভাবে লিঙ্ক ফন্ট পরিবর্তন করতে
কিভাবে লিঙ্ক ফন্ট পরিবর্তন করতে

ভিডিও: কিভাবে লিঙ্ক ফন্ট পরিবর্তন করতে

ভিডিও: কিভাবে লিঙ্ক ফন্ট পরিবর্তন করতে
ভিডিও: 10: কিভাবে নতুন ফন্ট আমদানি করতে হয় | CSS এর মূল বিষয় | HTML এবং CSS শিখুন | এইচটিএমএল টিউটোরিয়াল 2024, মে
Anonim

এইচটিএমএলে লিঙ্কগুলির প্রদর্শন পরামিতিগুলি পরিবর্তন করা ক্যাসকেডিং CSS স্টাইল শীট ব্যবহার করে করা যেতে পারে। তারা আপনাকে লিঙ্ক ফন্টের প্রদর্শনটি কাস্টমাইজ করার অনুমতি দেয়, ব্যবহারকারীর উপর ক্লিক করার আগে এটির রঙ এবং মাউস ক্লিক করার পরে। আপনি ব্যবহৃত ফন্টের টাইপফেস এবং এর আকারও পরিবর্তন করতে পারেন।

কিভাবে লিঙ্ক ফন্ট পরিবর্তন করতে
কিভাবে লিঙ্ক ফন্ট পরিবর্তন করতে

নির্দেশনা

ধাপ 1

ক্লাস এবং সিউডো-ক্লাসগুলি সিএসএসে লিঙ্ক পরামিতিগুলি সেট করতে ব্যবহৃত হয়। সিউডো-ক্লাস এ: লিঙ্কটি একটি নিয়মিত লিঙ্কের জন্য স্টাইল সেট করে, একটি: দর্শন আপনাকে ইতিমধ্যে ব্যবহৃত লিঙ্কটির প্রদর্শনটি কাস্টমাইজ করতে দেয়। উত্তর: যখন কার্সারটি উপাদানটিতে ক্লিক করা হয় তখন সক্রিয় ট্যাগের প্যারামিটারগুলি পরিচালনা করে এবং একটি: হোভার যখন আপনি উপরের দিকে ঘুরে আসেন তখন লিঙ্কটির স্টাইল সেট করে। আপনি নিজে উপাদানটির জন্য যে কোনও শ্রেণি তৈরি করতে পারেন এবং পরামিতিগুলিতে পাঠ্যকে ফর্ম্যাট করতে মানক অপারেটরগুলি ব্যবহার করুন।

ধাপ ২

ব্রাউজারে লিঙ্ক পাঠ্যের আন্ডারলাইনটির প্রদর্শনটি অক্ষম করতে, পাঠ্য-সজ্জাটি ব্যবহার করুন: কোনওটিই প্যারামিটার নয়। আপনি এই উপাদানটি একটি শ্রেণীর এবং একটি উপাদান হিসাবে সিউডো-শ্রেণিতে উভয়ই নির্দিষ্ট করতে পারেন। লিঙ্কটির রঙ পরিবর্তন করতে, আকারের জন্য - রঙের প্যারামিটারটি ব্যবহার করুন - মানক ফন্ট-আকারের বৈশিষ্ট্য। আপনি যদি গা bold় বা তির্যক ধরণের অন্তর্ভুক্ত করতে চান তবে ফন্ট-ওজন পরামিতি ব্যবহার করুন।

ধাপ 3

পৃষ্ঠা কোড সম্পাদনা করতে আপনি যে পাঠ্য সম্পাদক ব্যবহার করেন তা দিয়ে আপনার এইচটিএমএল ফাইলটি খুলুন। এর পরে, আপনার দস্তাবেজের একটি অংশে যান এবং হ্যান্ডেল ব্যবহার করে পৃষ্ঠায় ভবিষ্যতের লিঙ্কগুলির জন্য সিএসএস কোড সেট করুন। উদাহরণ স্বরূপ:

লিঙ্ক পরিবর্তন করা হচ্ছে

a: লিঙ্ক {পাঠ্য-সজ্জা: কিছুই নয়;

হরফ আকার: 14px;

হরফ ওজন: গা bold়;

লাল রং; }

পদক্ষেপ 4

এই কোডটি নিয়মিত লিঙ্ক থেকে আন্ডারলাইনটি সরিয়ে দেয়, পাঠ্যের আকারকে 14 পিক্সেলে সেট করে, উপাদানটির গা bold় শৈলী এবং লাল রঙ প্রয়োগ করে। এখন ট্যাগের যে কোনও লিঙ্ক এভাবে প্রদর্শিত হবে।

পদক্ষেপ 5

আপনি CSS ক্লাস ব্যবহার করে প্রতিটি নির্দিষ্ট লিঙ্কের জন্য স্টাইল করতে পারেন। এইভাবে, যদি ট্যাগের কোডটি মনে হয়:

a.link1 {হরফ আকার: 20px; রঙ কালো;}

পদক্ষেপ 6

আপনি লিঙ্কটির আকারটি 20 পিক্সেল এবং কালোতে নথির শরীরে ক্লাস ব্যবহার করে নীচে নির্ধারণ করতে পারেন:

লিঙ্ক

উদাহরণ থেকে আপনি দেখতে পাচ্ছেন যে লিঙ্কটি শ্রেণীর বৈশিষ্ট্যটি লিঙ্কটির নির্দিষ্ট করে নির্ধারিত পদক্ষেপ ব্যাক সিএসএস কোড শ্রেণিকে বরাদ্দ করা হয়েছিল। এই লিঙ্কটি এখন কালো রঙে প্রদর্শিত হবে এবং এর আকার 20 পিক্সেল হবে। এই বৈশিষ্ট্যটি পরিবর্তন করতে, পৃষ্ঠা বিভাগের CSS কোড সম্পাদনা করুন।

পদক্ষেপ 7

লিঙ্কটির উপস্থিতি পরিবর্তন করা সম্পূর্ণ, আপনি ফাইলটিতে করা পরিবর্তনগুলি সংরক্ষণ করতে পারেন এবং এটি ব্রাউজারে দেখার জন্য চালাতে পারেন।

প্রস্তাবিত: