வலைப்பக்கங்கள் பொதுவாக இன்லைன் HTML "img" குறிச்சொல்லைப் பயன்படுத்தி படங்களைச் சேர்க்கின்றன. CSS குறியீட்டு வழக்கமாக ஒரு படத்தின் மூலத்தை அமைக்காது, ஏனெனில் CSS உள்ளடக்கத்தை விட வடிவமைப்பைக் கட்டுப்படுத்துகிறது. பட ஒளிபுகாநிலை போன்ற எளிய HTML செய்யாத பண்புகளை CSS ஆதரிக்கிறது. எடுத்துக்காட்டாக, உங்கள் நிறுவனத்தின் தலைமையகத்தின் வெளிப்படையான புகைப்படம் உங்கள் வலைத்தள முகப்புப்பக்கத்தில் தோன்ற விரும்பினால், இதை நீங்கள் CSS ஐப் பயன்படுத்தி அமைக்கலாம். CSS பாணிகள் பின்னணி படச் சொத்தைப் பயன்படுத்தி பட மூலங்களைத் தேர்வு செய்கின்றன.
1
உங்கள் HTML எடிட்டர் அல்லது உரை எடிட்டருடன் உங்கள் வலைத்தளத்தின் நடைதாள் திறக்கவும்.
2
புதிய பாணியை உருவாக்க பின்வரும் குறியீட்டை தாளில் ஒட்டவும்:
பின்னணி-படம்: url (பாதை); பின்னணி-மீண்டும்: இல்லை மீண்டும்; அகலம்: 10px; உயரம்: 20px; }
3
தளத்திற்குள் உள்ள படத்தின் URL உடன் "பாதை" மாற்றவும். எடுத்துக்காட்டாக, "building.jpg" படம் உங்கள் தளத்தின் "படங்கள்" கோப்புறையில் இருந்தால், குறியீட்டை இதற்கு மாற்றவும்:
பின்னணி-படம்: url (/images/building.jpg); பின்னணி-மீண்டும்: இல்லை மீண்டும்; அகலம்: 10px; உயரம்: 20px; }
4
படத்தின் அகலத்துடன் "10" ஐ மாற்றவும், படத்தின் உயரத்துடன் "20" ஐ மாற்றவும். எடுத்துக்காட்டாக, படம் 200 பிக்சல்கள் உயரமும் 600 பிக்சல்கள் அகலமும் இருந்தால், குறியீட்டை இதற்கு மாற்றவும்:
பின்னணி-படம்: url (/images/building.jpg); பின்னணி-மீண்டும்: இல்லை மீண்டும்; அகலம்: 600px; உயரம்: 200px; }
5
நீங்கள் படத்தை செருக விரும்பும் வலைப்பக்கத்தைத் திறக்கவும்.
6
படத்தைச் செருக பின்வரும் குறியீட்டைச் சேர்க்கவும்:
