அட்டவணை வரிசையில் பார்டர்-கீழே சேர்ப்பது எப்படி?

• டேபிள் வரிசை க்கு பார்டர்-பாட்டம் சேர்ப்பது எப்படி?
• பார்டர்-கீழே டேபிள் வரிசை உறுப்பு என அமைக்கவும்
• நடை அட்டவணை உறுப்பு
• உடை 'டிடி' உறுப்பு
• உடை 'டிஆர்' உறுப்பு

டேபிள் வரிசை க்கு பார்டர்-பாட்டம் சேர்ப்பது எப்படி?

அட்டவணை வரிசையில் பார்டர்-கீழே சேர்ப்பது சிறந்த காட்சி அனுபவத்தை உருவாக்க மற்றும் பயனரின் கவனத்தை ஈர்க்க முழு வரிசையிலும் கரை சேர்க்கும்.

அட்டவணை வரிசை க்கு பார்டர்-கீழே சேர்ப்பதற்கான விரிவான எடுத்துக்காட்டு கீழே காட்டப்பட்டுள்ளது:

டேபிள் வரிசை என பார்டர்-கீழே அமைக்கவும்

எங்கள் HTML கோப்பில் 3 வரிசைகள் மற்றும் 3 நெடுவரிசைகளைக் கொண்ட எளிய அட்டவணையை உருவாக்கவும், அவை , மற்றும் உறுப்புகளைப் பயன்படுத்தி உருவாக்கப்படுகின்றன:

மேலே உள்ள குறியீடு துணுக்கில், அட்டவணை வரிசைகளுக்கு “வரிசை” வகுப்பை நாங்கள் ஒதுக்கியுள்ளோம், எனவே அதை CSS இல் பின்னர் அணுகலாம்.

வலைப்பக்கம் இப்படி இருக்கும்:

நடை அட்டவணை உறுப்பு

CSS பகுதியில் அட்டவணை உறுப்பைத் தேர்ந்தெடுத்து உரையை மையமாக சீரமைக்கவும். அதன் பிறகு, பயன்படுத்தவும் ' எல்லை - சரிவு 'சொத்து அதன் மதிப்பை சரிவடைய அமைக்க:

உடை 'டிடி' உறுப்பு

சிறந்த காட்சிப் பிரதிநிதித்துவத்திற்காக, டேபிள் டேட்டா “” மற்றும் டேபிள் ஹெடர் “” உறுப்புகளுக்கு 20px இன் பேடிங்கை வழங்குவோம்:

வெளியீடு இப்படி இருக்கும்:

மேலே உள்ள வெளியீடு 20px இன் திணிப்பைக் காட்டியது மற்றும் உரையை மையத்தில் சீரமைத்தது.

உடை 'டிஆர்' உறுப்பு

CSS கோப்பில், 'tr' தேர்வியின் கீழ் பார்டர்-கீழே சொத்தை சேர்க்கவும். இது தலைப்பு வரிசை உட்பட அட்டவணையின் ஒவ்வொரு வரிசையையும் ஒதுக்குகிறது. உதாரணமாக, அதன் மதிப்பை 2px திட டார்க்சியன் என அமைக்கவும்:

மேலே உள்ள குறியீடு துணுக்கைச் செயல்படுத்திய பிறகு, வலைப்பக்கம் இப்படி இருக்கும்:

ஒவ்வொரு அட்டவணை வரிசையின் கீழும் ஒரு பார்டரை எவ்வாறு சேர்ப்பது என்பது பற்றியது '

முடிவுரை

உறுப்பின் கீழே ஒரு பார்டரைச் சேர்க்க, CSS பண்புக் கரையை சரியச் செய்யுமாறு அமைக்கவும் மற்றும் '' உறுப்பில் உள்ள எல்லை-கீழ் சொத்தை பயன்படுத்தவும். இது CSS பண்பை டேபிளில் பார்டர்களைப் பயன்படுத்த அனுமதிக்கிறது. இப்படித்தான் ஒவ்வொரு “