লিংক নিম্নরেখাগুলি সরান অথবা ড্যাশ ডটেড বা ডাবল উন্মত্ত লিঙ্কগুলি তৈরি করুন
ডিফল্টভাবে, ওয়েব ব্রাউজারে কিছু নির্দিষ্ট CSS স্টাইলগুলি থাকে যা তারা নির্দিষ্ট HTML উপাদানে প্রয়োগ করে। যদি আপনি আপনার সাইটের নিজস্ব স্টাইল শীটগুলির সাথে এই ডিফল্টগুলি মুছে না দেন তাহলে ডিফল্টগুলি প্রয়োগ হবে। হাইপারলিংক জন্য, ডিফল্ট প্রদর্শন শৈলী হল যে কোন লিঙ্কযুক্ত পাঠ্য নীল এবং আন্ডারলাইন করা হবে। ব্রাউজারটি এটি করে যাতে কোনও সাইটের দর্শক সহজেই দেখতে পারেন কোন পাঠ্য লিঙ্ক করা হয়। অনেক ওয়েব ডিজাইনার এই ডিফল্ট শৈলী যত্ন না, বিশেষ করে যারা underlines। সৌভাগ্যক্রমে, সিএসএস তাদের underlines চেহারা পরিবর্তন বা সম্পূর্ণরূপে তাদের অপসারণ করতে সহজ করে তোলে।
পাঠ্য লিঙ্কে আন্ডারলাইন মুছে ফেলছে
অনুপস্থিত পাঠ্যটি অ-অধীর্ণ পাঠ্য পড়তে আরও চ্যালেঞ্জ হতে পারে। উপরন্তু, অনেক ডিজাইনার সহজভাবে নিম্নরেখাঙ্কিত টেক্সট লিংকগুলির প্রতি যত্ন নেন না। এই পরিস্থিতিতে, আপনি সম্ভবত এই underlines সরান করতে চান সম্পূর্ণরূপে।
পাঠ্য লিঙ্কে নিম্নরেখাগুলি অপসারণ করতে, আপনি CSS সম্পত্তি পাঠ-সজ্জাটি ব্যবহার করবেন। এখানে সিএসএসটি লিখতে হবে:
একটি {টেক্সট-প্রসাধন: কেউ না; }
সিএসএস এর এক লাইন দিয়ে, আপনি সব টেক্সট লিংক থেকে নিম্নরেখা মুছে ফেলবেন। যদিও এটি একটি খুব সাধারণ শৈলী (এটি একটি উপাদান নির্বাচক ব্যবহার করে), এটি ডিফল্ট ব্রাউজার স্টাইলগুলির তুলনায় এখনও আরো নির্দিষ্টতা রয়েছে। কারণ যে ডিফল্ট শৈলীগুলি নিম্নরেখা তৈরি করে যা দিয়ে শুরু করা হয়, সেটি হল আপনার উপরে ওভাররাইট করার প্রয়োজন।
নিম্নরেখা অপসারণের একটি সতর্কতা
দৃশ্যত, underlines অপসারণ আপনি ঠিক করতে চান ঠিক কি হতে পারে, কিন্তু আপনি ভাল হিসাবে এটি করা হলে আপনি সতর্ক হতে হবে। আপনি নিম্নরেখাঙ্কিত লিঙ্কগুলির চেহারা পছন্দ করেন বা না করেন, আপনি তর্ক করতে পারেন না যে, এটি কোনও পাঠ্যকে সংযুক্ত করে এবং যা না তা স্পষ্ট করে তোলে। যদি আপনি নিম্নরেখাটি গ্রহণ করেন বা ডিফল্ট নীল রঙের রঙ পরিবর্তন করেন, তবে আপনি নিশ্চিত করতে পারেন যে আপনি স্টাইলের সাথে তাদের প্রতিস্থাপন করবেন যা এখনও সংযুক্ত টেক্সটকে স্ট্যান্ড আউট করার অনুমতি দেয়। এটি আপনার সাইটের দর্শকদের জন্য আরও সহজ অভিজ্ঞতা লাভ করবে।
নন-লিংকগুলি আঁকো না
লিঙ্ক এবং নিম্নরেখাগুলির উপর আরেকটি সাবধানতা, এটি জোর দেওয়া একটি উপায় হিসাবে একটি লিঙ্ক নয় টেক্সট পাঠাও না। লোকেরা নিম্নরেখাঙ্কিত পাঠ্যটি একটি লিঙ্ক হতে প্রত্যাশা করে আসছে, তাই যদি আপনি জোর দেওয়া (এটি সাহসী বা এটির ইটালিক না করার পরিবর্তে) সন্নিবেশ করান, তাহলে আপনি ভুল বার্তা পাঠান এবং সাইট ব্যবহারকারীদের বিভ্রান্ত করবেন।
বিন্দু বা ড্যাশে নিম্নরেখাটি পরিবর্তন করুন
যদি আপনি আপনার পাঠ্য লিঙ্কে নিম্নরেখা রাখেন, তবে ডিফল্ট বর্ণনায় নিম্নরেখাটি শৈলী পরিবর্তন করুন, যা একটি "soldi" লাইন, আপনি এটিও করতে পারেন। যে কঠিন লাইনের পরিবর্তে, আপনি আপনার লিংকগুলিকে নিম্নরেখাঙ্কিত করতে ডট ব্যবহার করতে পারেন। এটি করার জন্য, আপনি এখনও নিম্নরেখাটি সরাবেন, তবে আপনি এটি সীমানা-নিচের শৈলী বৈশিষ্ট্যের সাথে প্রতিস্থাপন করবেন:
একটি {টেক্সট-প্রসাধন: কেউ না; সীমান্তের নীচে: 1 পক্স বিন্দু; }যেহেতু আপনি মানকে নিম্নরেখাটি সরিয়ে দিয়েছেন, তাই বিন্দুযুক্ত একটিই কেবল প্রদর্শিত হয়।
আপনি ড্যাশ পেতে একই জিনিস করতে পারেন শুধু সীমান্ত-নীচে শৈলী ড্যাশে পরিবর্তন করুন:
একটি {টেক্সট-প্রসাধন: কেউ না; সীমান্তের নীচে: 1 পক্স ড্যাশ; }নিম্নরেখা রঙ পরিবর্তন করুন
আপনার লিঙ্কের দিকে মনোযোগ আকর্ষণের আরেকটি উপায় হল নিম্নরেখার রঙ পরিবর্তন করা। শুধু রং আপনার রঙ স্কিম সঙ্গে ফিট নিশ্চিত করুন।
একটি {টেক্সট-প্রসাধন: কেউ না; সীমারেখা নীচে: 1 পিএক্স কঠিন লাল; }ডাবল নীচের লাইন
ডবল underlines ব্যবহার করার জন্য কৌতুক আপনি সীমানা প্রস্থ পরিবর্তন করতে হবে। যদি আপনি 1px বিস্তৃত সীমানা তৈরি করেন, আপনি একটি ডাবল নিম্নরেখা দিয়ে শেষ হয়ে যাবেন যা একটি একক রেখাঙ্কুর মত দেখায়।
একটি {টেক্সট-প্রসাধন: কেউ না; সীমান্ত-নীচে: 3 পিএক্স ডবল; }আপনি অন্যান্য বৈশিষ্ট্যের সাথে একটি ডবল নিম্নরেখা তৈরি করতে বিদ্যমান নিম্নরেখাটি ব্যবহার করতে পারেন, যেমন রেখাগুলির একটি ডটেড:
একটি {সীমান্ত-নীচে: 1 পক্স ডবল; }লিঙ্ক রাজ্যগুলি ভুলে যান না
আপনি সীমান্ত-নীচে শৈলী আপনার লিঙ্কগুলিতে বিভিন্ন রাজ্যে যুক্ত করতে পারেন যেমনঃ হভার, সক্রিয়, বা: পরিদর্শিত আপনি যখন "হভার" ছদ্ম ক্লাস ব্যবহার করেন তখন এটি দর্শকদের জন্য একটি চমৎকার "রোলওভার" শৈলী অভিজ্ঞতা তৈরি করতে পারে। আপনি যখন লিঙ্কটি উপরে টেনে আনেন তখন একটি দ্বিতীয় বিন্দু নিম্নরেখা তৈরি করতে:
একটি {টেক্সট-প্রসাধন: কেউ না; } a: হভার করান (সীমানা-নীচে: 1 পক্স বিন্দু; }জনিফার ক্রাইনিনের মূল রচনা জেরেমি গিয়ার্ড দ্বারা সম্পাদিত