How To Create Colorful Table In WordPress Without Plugin

Subscribe our YouTube Channel    

नमस्कार दोस्तों ,आज हम कुछ अलग और यूनिक करने वाले है ,जी हा बिलकुल आपने सही सुना आज में आपको यह विडियो में बताऊंगा की आप किस तरह से एक भी प्लगइन का यूज़ किये बिना एक कलरफुल टेबल बना सकते हो ,तो सब कुछ जानने केलिए आपको यह विडियो पूरा देखना पड़ेगा.

CSS Code


#r1{
	background:red;
	color:#ffffff;
}

#r2{
	background:green;
	color:#ffffff;
}

#r3{
	background:yellow;
}

HTML Code


<table class="table table-bordered">
       	 		<thead>
            		<tr>
                		<th><p style="text-align:center;">No.</p></th>
                		<th><p style="text-align:center;">Command</p></th>
                		<th><p style="text-align:center;">Description</p></th>
            		</tr>
        		</thead>
        		<tbody>
            		<tr>
                		<td id="r1">01</td>
                		<td id="r2">access.cplv</b></td>
                		<td id="r3">Accessibility Controls</td>
            		</tr> 
					<tr>
                		<td id="r1">02</td>
                		<td id="r2">accwiz</td>
                		<td id="r3">Accessibility Wizard</td>
            		</tr>
					<tr>
                		<td id="r1">03</td>
                		<td id="r2">hdwwiz.cpl</td>
                		<td id="r3">Add Hardware Wizard</td>
            		</tr>
					<tr>
                		<td id="r1">04</td>
                		<td id="r2">appwiz.cpl</td>
                		<td id="r3">Add/Remove Programs</td>
            		</tr><tr>
                		<td id="r1">05</td>
                		<td id="r2">control admintools</td>
                		<td id="r3">Adminstrative Tools</td>
            		</tr><tr>
                		<td id="r1">06</td>
                		<td id="r2">acrodist</td>
                		<td id="r3">Adobe Acrobat (if installed)</td>
            		</tr><tr>
                		<td id="r1">07</td>
                		<td id="r2">acrodist</td>
                		<td id="r3">Adobe Designer (if installed)</td>
            		</tr><tr>
                		<td id="r1">08</td>
                		<td id="r2">acrodist</td>
                		<td id="r3">Adobe Distiller (if installed)</td>
            		</tr><tr>
                		<td id="r1">09</td>
                		<td id="r2">Imageready</td>
                		<td id="r3">Adobe ImageReady (if installed)</td>
            		</tr>
       			</tbody>
    	</table>

तो फाइनली में यहाँ पे आशा रखता हु की आपको सब कुस समजमें आ गया होगा ,अगर अभी भी आपको किसीभी तरहकी प्रॉब्लम है तो आप मुझे नुचे कमेंट में लिखर बता सकते है ,अवश्य में आपको रिप्लाई करूँगा. और आपको यह आर्टिकल पसंद आया तो सभी सोशल मीडिया में शेयर जरुर कीजिये गा.

अगर आप हमसे हमेशा कनेक्टेड रहना साहते है तो हमारा Facebook पेज लाइक करना न भूले ,और हमें Twitter पे फॉलो जरुर कीजिये गा ,और हमारा YouTube चैनल को सब्सक्राइब करना न भूले क्युकी आपको कुछ नया नया सिखने को मिलता रहे ,तो यह आर्टिकल पढने केलिए आपका बहुत धन्यवाद.

Share Share on Facebook Share on Twitter Share on LinkedIn Pin on Pinterest Share on Stumbleupon Share on Tumblr Share on Reddit Share on Diggit

Bharat Makwana is a Founder & Owner of Veewom. He is Content creator and Web Developer from past three years. He loves to read and get in touch with the latest technology, he also have YouTube Channel BMTechTips ,for more info contact - hi@bharatmakwana.com.