إضافة لوحة المفاتيح مفاتيح تأثير على النص في مدونة مع CSS

السلام عليكم

اضافه لوحه المفاتيح ليها اهميه لكل المبرمجين عندما تريد ان تقول لى شخص اضغط على مثا لCtr+f

الزائر راح يفتكر  ان فى زر فى الشاشه راح يضغط على لكن مع الاضافه المميذه اشف الحروف داخل المربح يظهر على شل ظر فى لوحه المفاتيح راح تصل اصرع لى الزائر

معاينه

See the Pen إضافة لوحة المفاتيح مفاتيح تأثير على النص في مدونة مع CSS by ‪Hussein Almasry‬‏ (@husseinhussein) on CodePen.

الان شاهد كيف اضافتها الى مدونتك

 ابحث عن هذا الوسم ]]></b:skin> واضف الكود التالى فوقه

kbd{
border:1px solid gray;
font-size:1.2em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
}

والان عند كتابه اى موضوع حول الموضوع من تأليف الى HTML
واضف الكود التالى

<kbd>Ctrl</kbd> + <kbd>F</kbd>

والان انتهى الموضوع لو واجهتك اى مشكله يمكنك ان ترسلها الى فى تعليك