عند القيام بمعلومات الجائزة عبر الإنترنت، غالبًا ما أرى بعض نماذج التسجيل التي تحتوي على سطر واحد فقط لتملأه، تمامًا مثل أسئلة ملء الفراغات في أوراق الامتحانات، وهو أمر رائع جدًا!
في الواقع، ليس من الصعب تحقيق مثل هذا التأثير، ما عليك سوى استخدام كود CSS قصير جدًا لتحقيقه!
| وفيما يلي المحتوى المقتبس: <نوع النمط = "نص/css"> <!-- .xian{BORDER-LEFT-STYLE: لا شيء؛ --> </نمط> |
وظيفة الكود هي كما يلي:
| وفيما يلي المحتوى المقتبس: "BORDER-LEFT-STYLE: لا شيء": لا تعرض الحد الأيسر "BORDER-RIGHT-STYLE: لا شيء": لا تعرض الحد الأيمن "BORDER-TOP-STYLE: لا شيء": لا تعرض الحد العلوي "BORDER" -bottom-STYLE: none" ": لا تعرض الحد العلوي إذا أضفت هذا، فلن يكون هناك حدود على الإطلاق. |
دعونا نلقي نظرة على مثال التطبيق:
| وفيما يلي المحتوى المقتبس: <أتش تي أم أل> <الرأس> <title>املأ الفراغات عبر الإنترنت</title> <نوع النمط = "نص/css"> <!-- .xian{BORDER-LEFT-STYLE: لا يوجد؛ BORDER-RIGHT-STYLE: لا شيء؛} --> </ /style><!--ملاحظة: هذا القسم عبارة عن كود CSS، ويمكن أن يؤدي تغيير المعلمات هنا إلى ضبط تأثير أكثر روعة--> </الرأس> < الجسم bgcolor = "#FFFFFF" النص = "#000000"> إخفاء حدودك <p>اسم المستخدم: < input type="text" name="name" class=xian> <!--ملاحظة: يجب إضافة class=، قم بتعيين ملف css الخاص بك ليتم تطبيقه في النموذج--> </ص> </الجسم> </أتش تي أم أل> |
التأثير الذي تم تحقيقه بسيط ومنعش. ماذا عن تغيير النموذج الخاص بك أيضًا!