إزالة الخط السفلي للرابط التشعبي

يمكنك عمل ذلك من خلال الخاصية text-decoration  حيث أن هذه الخاصية هي المسئولة عن هذا الخط الذي يكون تحت الكلمة  ويمكنك إلغاء هذه الخاصية  كالتالي

a:hover {
  text-decoration: none;
}

يمكنك التحكم في ظهورها بتغيير ال hover للحدث الذي تريده مثلlink أو visited أو active

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: underline;
}

هل يمكنك توضيح سؤالك أكثر عن طريق إرفاق صورة عن الوضعية الموصوفة  ؟

هناك عدة طرق, فيمكنك إزالة الخط السفلي للرابط التشعبي عن طريق jquery ايضا, فيمكنك إنشاء رابط تشعبي 

<a href="index.html">الرابط</a>

ثم باستخدام jQuery يمكنك تنفيذ التالي 

$(function(){
	$('a').on({
		mouseenter: function(){
			$(this).css({"text-decoration": "none"});
		}
	});
});

يمكنك في بداية ملف style.css اضافة الكود الخاص بازالة السطر من أسف الرابط التشبعي لكي لا تكرر الكود لكل عنصر رابط تشعبي,

a,a:visited,a:hover,a:active,a:focus {
	text-decoration: none; 
}

هذا الكود سوف يقوم بازالة الخط من أسفل الرابط التشعبي عند مرور اشارة الماوس عليه وعند الضغط عليه وعند التركيز عليه