كيفية جعل إطار النص في الداخل

النص المؤطر هو طريقة لتنسيق معلومات النص داخل إطار خاص ، مما يجعلها أكثر تمييزا وضوحا على الصفحة. ويمكن تحقيق هذا التأثير باستخدام مختلف علامات هتمل وخصائص كس.

واحدة من أسهل الطرق لتأطير النص هي استخدام علامة

باستثناء العلامة

إذا كنت بحاجة إلى حدود أكثر تعقيدا ، يمكنك استخدام خصائص كس من الحدود والحشو. على سبيل المثال ، لإنشاء حد مزدوج حول النص ، يمكنك استخدام الأنماط التالية:

بلوككوت {

الحدود: 3 بكسل مزدوج # 000;

الحشو: 10 بكسل;

}

باستخدام هذه العلامات وخصائص كس ، يمكنك بسهولة إنشاء نص إطار يجذب انتباه القارئ ويجعل المعلومات لا تنسى. هذه طريقة رائعة لتصميم المحتوى الخاص بك على صفحة ويب.

1. كيف يمكنني جعل النص مع إطار داخل?
2. الطريقة الأولى: استخدام أنماط كس
3. الطريقة الثانية: استخدام جدول هتمل
4. الطريقة الثالثة: استخدام كتل هتمل
5. الطريقة الرابعة: استخدام العناصر الزائفة المغلق
6. الطريقة الخامسة: استخدام حدود جدول هتمل

كيف يمكنني جعل النص مع إطار داخل?

هناك عدة طرق لإضافة حد حول النص بالداخل. وهنا بعض منهم:

1. . على سبيل المثال ، لإضافة حد حول فقرة ، يمكنك إضافة نمط كس التالي:
2. يمكن استخدام العلامة

مربع الظل

: لإضافة حد مع الظلال حول النص ، يمكنك استخدام الخاصية

مربع الظل

. على سبيل المثال:

صندوق الظل: 0 0 5 بكسل أسود;

}

اختر الطريقة المناسبة حسب احتياجاتك وتفضيلاتك.

الطريقة الأولى: استخدام أنماط كس

يمكنك تخصيص نمط الحدود حسب رغبتك عن طريق تحديد قيم أخرى لخاصية "الحدود". على سبيل المثال ، "الحدود: 2 بكسل متقطع أحمر ؛" سينشئ إطارا بسمك 2 بكسل بخط منقط باللون الأحمر.

وبالتالي ، فإن استخدام أنماط كس يسمح لك بإنشاء نص إطار داخل حاوية على صفحة ويب.

الخلية الثانية

الخلية الثالثة

في هذا المثال ، يتم إنشاء عنصر

. 

سمة النمط

يسمح لك بتعيين أنماط لعنصر مباشرة في كود هتمل. في هذه الحالة ، يتم استخدام النمط لإنشاء إطار حول العنصر

استخدام العقار

سوف رمز أعلاه إنشاء إطار حول النص مع خط أسود اللون 2 بكسل واسعة والمسافة البادئة داخل الإطار من 10 بكسل. يمكنك تخصيص نمط الإطار عن طريق تغيير الخصائص

الحدود