سی ایس ایس کے ساتھ سٹائل فارم

اپنی ویب سائٹ کی نظر کو بہتر بنانے کے بارے میں جانیں

اپنی ویب سائٹ کی نظر کو بہتر بنانے کے لئے سی ایس ایس کے ساتھ سٹائل فارم کیسے سیکھنا ایک اچھا طریقہ ہے. زیادہ سے زیادہ ویب صفحات پر ایچ ٹی ایم ایل فارموں کے درمیان بے شمار چیزیں شامل ہیں. وہ اکثر بورنگ اور قابل استعمال ہوتے ہیں اور انداز کے انداز میں زیادہ پیش نہیں کرتے ہیں.

سی ایس ایس کے ساتھ، یہ تبدیل کر سکتا ہے. مزید اعلی درجے کی فارم ٹیگ کے ساتھ سی ایس ایس کا مجموعہ کچھ اچھا لگ رہا فارم فراہم کرسکتا ہے.

رنگ تبدیل کریں

جیسے ہی متن کے ساتھ، آپ فارم عناصر کے پیش منظر اور پس منظر کے رنگ کو تبدیل کرسکتے ہیں.

تقریبا ہر فارم عناصر کے پس منظر کے رنگ کو تبدیل کرنے کا ایک آسان طریقہ ان پٹ ٹیگ پر پس منظر کے رنگ پراپرٹی کا استعمال کرنا ہے. مثال کے طور پر، یہ کوڈ تمام عناصر پر نیلے پس منظر کے رنگ (# 9 سیف) پر لاگو ہوتا ہے.

ان پٹ {
پس منظر کا رنگ: # 9cf؛
رنگ: # 000؛
}

صرف مخصوص فارم عناصر کے پس منظر کے رنگ کو تبدیل کرنے کے لئے، صرف ٹیکسٹیریا کو شامل کریں اور سٹائل کو منتخب کریں. مثال کے طور پر:

ان پٹ، ٹیکسٹریہ، منتخب کریں {
پس منظر کا رنگ: # 9cf؛
رنگ: # 000؛
}

اگر آپ اپنا پس منظر کا رنگ سیاہ بناؤ تو متن کا رنگ تبدیل کرنے کا یقین رکھو. متنازعہ رنگ فارم عناصر کو مزید جائز بنانے میں مدد ملتی ہے. مثال کے طور پر، متن کا رنگ سفید ہے تو ایک سیاہ سرخ پس منظر کے رنگ پر متن بہت آسان ہے. مثال کے طور پر، یہ کوڈ سرخ پس منظر پر سفید متن رکھتا ہے.

ان پٹ، ٹیکسٹریہ، منتخب کریں {
پس منظر کا رنگ: # c00؛
رنگ: #fff؛
}

آپ فارم فارم خود کو بھی پس منظر کا رنگ بنا سکتے ہیں. یاد رکھیں کہ فارم ٹیگ ایک بلاک عنصر ہے ، لہذا رنگ پورے آئتاکار میں نہ صرف عناصر کے مقامات پر ہوتا ہے.

آپ اس علاقے کو کھڑے ہونے کے لۓ ایک بلاک عنصر پر پیلے رنگ کے پس منظر میں شامل کرسکتے ہیں، جیسے:

فارم {
پس منظر کا رنگ: #ffc؛
}

سرحدوں کو شامل کریں

رنگوں کے ساتھ، آپ مختلف فارم عناصر کی حدوں کو تبدیل کرسکتے ہیں. آپ پورے فارم کے ارد گرد واحد سرحد شامل کرسکتے ہیں. پڈڈنگ شامل کرنے کے لئے یقینی بنائیں، یا آپ کے فارم کے عناصر سرحد کے آگے جھنڈے جائیں گے.

یہاں 5 پکسل سیاہی کے ساتھ ایک پکسل سیاہ سرحد کے لئے کوڈ کا ایک مثال ہے:

فارم {
سرحد: 1px ٹھوس # 000؛
بھرتی: 5px؛
}

آپ صرف فارم ہی ہی سے کہیں زیادہ سرحدوں میں ڈال سکتے ہیں. انہیں کھڑے ہونے کے لئے ان پٹ اشیاء کی حد میں تبدیل کریں:

ان پٹ {
سرحد: 2px ڈراؤنڈ # c00؛
}

احتیاط سے رہو جب آپ ان پٹ بکس پر سرحد ڈالتے ہیں کیونکہ انھیں ان پٹ بکسوں جیسے کم نظر آتے ہیں، اور کچھ لوگ محسوس نہیں کرسکتے ہیں کہ وہ فارم میں بھر سکتے ہیں.

ہالی ووڈ کی خصوصیات

اپنے فارم عناصر کو سوچا اور کچھ سی ایس ایس کے ساتھ مل کر، آپ کو ایک اچھا نظر فارم قائم کر سکتے ہیں جو آپ کی سائٹ کے ڈیزائن اور ترتیب کو مکمل کرتی ہے.