<p style="color:green;">Green text</p>
<h1 style="background-color: blue;">Heading on blue background</h1>
<body style="background-image: url('parathan.jpg');">
இந்தக் coding ஐப் பொறுத்தவரையில் <p> tag paragraph ஐ குறிக்கிறது.. அங்கே எழுத்தின் கலர் பச்சை நிறத்தில் வருவதாக அமைந்துள்ளது. உங்களுக்கு விரும்பிய கலரில் மாற்றலாம்...
அடுத்து....,
<h1> tag heading ஐ குறிக்கும்... பின் background color அதாவது எழுதவிருக்கும் எழுத்து நீல நிறத்தின் மேல் எழுதப்படுவாதாக அமைந்துள்ளது.. விரும்பிய கலரில் நீங்கள் பின்னர் மாற்றலாம்..
அடுத்து...,, உங்கள் HTML page முழுவதற்கும் ஒரு background ஐ போடப்பட்டுள்ளது.. அதனை உங்களுக்கு ஏற்ப மாற்றிக்கொள்ளலாம்.
<p style="padding:10px;border:2px solid Blue;">I love CSS</p>
<img src="bill.jpg" alt="Bill Gates" style= "float:left;" />
இங்கே காணப்படும் code ஆனது புகைப்படங்களை உட்செலுத்துவதட்குப் பயன்படும் code இது பற்றி பகுதி-6 ல் பார்த்திருக்கிறோம்..
இங்கு கலரில் குறிப்பிடப்பட்டவற்றை மாற்றிக்கொள்ளுங்கள்.. மேலும் இந்த code ல் left என ஒன்று உள்ளது. அது நீங்கள் உள்செலுத்திய படம் எந்தப்பக்கம் இருக்கவேண்டும் என்பதைக் குறிக்கும்.
அதனை உங்கள் விருப்பத்திற்கு ஏற்ப center , Right க்கு மாற்றி அமைத்துக் கொள்ளுங்கள்.