مواقع تقدم لك دورات تكوينية مجانية لتعلم البرمجة بطريقة صحيحة وسهلة

بسم الله الرحمن الرحيم

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

**1. تصميم مربع بخلفية ملونة:**

يمكنك إنشاء مربع للنص باستخدام عنصر `div` في HTML وتطبيق تنسيقات لتحقيق تصميم مميز. يمكنك تحديد خلفية ملونة للمربع، وتعديل لون النص وحجم الخط لتحقيق التوازن المثالي بين العناصر.

**2. تصميم مربع بتأثيرات ظل وحدود:**

يمكنك إضافة تأثيرات ظل وحدود لمربع النص لإبرازه وجعله يبدو أنيقًا. يمكنك استخدام الخصائص `box-shadow` و `border` في CSS لتحقيق هذا التصميم.

**3. تصميم مربع بزاويات مستديرة:**

تعطي الزوايا المستديرة لمربع النص مظهرًا أكثر نعومة وجاذبية. يمكن استخدام الخاصية `border-radius` لتحقيق ذلك.

**استمتع بتصميم نصي أنيق:**

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

هذا هو الكود:

<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="تحديد الكل"> </div> <div align="center"> </div> <p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">الكود هـنا </form>