لابد انك رأيت هذه الانواع من قبل و تسائلت كيف قام اصحابها بها الوصلات بدون الخط اسفلها .. و النص المتغيير عند مرور الفأرة عليه و النص المظلل الخلفية..
ثلاث أنماط مفيدة
أولا: أزالة الخط من أسفل الوصلات ..
بكل بساطة ضع الكود التالي في منطقة الرأس في صفحتك أي بين , و
a{
text-decoration:none;
}
ثانيا : الوصلات المتغييرة عند مرور الفأرة عليها .
و هو من الشفرات المستخدمةبكثرةعلى الشبكة .. و فيما ما يلي مثال..
a:hover{
color:red;
}
يمكنك تغيير اللون red إلى اللون الذي تريده ..او رقم اللون الذي تريده في النظام السادس عشر مثلا
a:hover{
color:#c0c0c0;
}
كما يمكنك ان تضيف خاصية إضافة خط تحت الوصلة او ازالته غند مرور الفأرة عليه..
مثلا
a:hover{
color:#c0c0c0;
text-decoration:none;
}
أو ظهور الخط تحت الوصلة
a:hover{
color:#c0c0c0;
text-decoration:underline;
}
ثالثا: النص المظلل:
و هي خاصية تتيح إضافة لون خلف النص مياشرة .. ليبدو مظلل.. استعمل الكود التالي .. Dr.net غير اللون red إلى اللون الذي تريده.. و النص dr.net إلى النص الذي تريد .. و ضع الشفرة في المكان الذي تريد ظهور النص فيه في منطقة الجسم بين و
<span style="background-color:red">Dr.net</span>
بقلم : فاطمة العمادي
أم و زوجة .. مصممة حرة و مصورة .. عرف الناس كتاباتي التقنية من خلال شخصية خيالية هي الدكتور نت . اصمم المواقع منذ العام ١٩٩٩م .





![Happy National Day.. Qatar [1]](http://farm8.static.flickr.com/7018/6521087103_dd47d6ff67_s.jpg)





