شرح صفوف ومحتوى الفقرة
تحتاج الواجهات غالباً إلى إبراز روابط الانتقال الرئيسية—مثل «ابدأ الدرس» أو «تصفح المنهج»—على هيئة أزرار مصمتة واضحة. القاعدة الهندسية الذهبية هنا هي الحفاظ على الدلالة الملاحية لوسم <a href="..."> متى كانت الوظيفة انتقالاً إلى عنوان URL أو قسم في الصفحة، ليحتفظ المستخدم بميزة الفتح في تبويب جديد وتفهمه محركات البحث وقارئات الشاشة بدقة.
ولأن وسم الرابط عنصر سطري افتراضياً، نمنحه أولاً display: inline-block حتى تُحترم الحشوات العمودية padding والزوايا المدورة border-radius بانتظام عبر حالات السكون والتمرير والضغط:
CSS
.cta-link {
display: inline-block;
padding: 10px 20px;
background-color: #7750b2;
color: #ffffff;
text-decoration: none;
border-radius: 8px;
}
.cta-link:hover {
background-color: #5b3894;
}