كيفية ضبط الحدود المنقطة في HTML

الكاتب：Eve Cole وقت التحديث：2025-05-15 03:16:01

استخدم أنماط CSS وعناصر علامة HTML

من أجل إضافة خطوط منقطة من الحدود إلى علامات HTML مختلفة ، نختار العديد من محاذاة الملصقات الشائعة لتعيين تأثير الخط المنقط على الحدود.

1. علامات HTML الشائعة

ع العلامة

فترة

أول لي

الجدول TR TD

2. يتم استخدام كلمات سمة CSS في المثال

حدود

عرض

ارتفاع

3. مقدمة للنقاط الرئيسية لتنفيذ الخطوط المنقطة

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

الحدود: 1 بكسل متقطع #f00 هذا هو تعيين عرض النمط الحدودي على 1 بكسل ، والخط المنقط والخط المنقط إلى اللون الأحمر.

4. وصف مثال

لقد وضعنا نفس العرض ، نفس الارتفاع ، وتأثيرات الحدود للعلامات المذكورة أعلاه.

5. أكمل رمز HTML:

 <! doctypehtml> <html>
 <Head> <Metacharset = UTF-8/>
 <title> HTML Border Line Line Demonstration www.pcss5.com </title> <style>
 .bor {border: 1pxdashed#f00 ؛ width: 300px ؛ الارتفاع: 60px ؛ الهامش: 10px} span {display: block}/*css الوصف: اسمحوا للفترة تشكيل كتلة*/
 </style> </head>
 <Body> <pclass = bor> pbox </p>
 <panclass = bor> span box </span> <ulclass = bor>
 <li> قائمة Ulli </li> <li> قائمة Ulli </li>
 </ul> <tableclass = bor>
 <tr> <td> form </td>
 <td> الجدول 2 </td> </tr>
 <tr> <td> البيانات </td>
 <td> البيانات 2 </td> </tr>
 </table> </body>
 </html>

يضع المثال أعلاه نفس النمط لعلامات مختلفة في HTML ، بما في ذلك نفس الخطوط المنقطة.

6. لقطة شاشة تأثير المتصفح

لقطة شاشة للتأثير المنقط للعلامات المختلفة في حدود HTML وخطوط منقط