कैसे बनाएं: CSS कौशल तज्रा

CSS कौशल तज्रा कैसे बनाएं सीखें।

कौशल तज्रा कैसे बनाएं

पहला कदम - जोड़ें HTML:

<p>HTML</p>
<div class="container">
  <div class="skills html">90%</div>
</div>
<p>CSS</p>
<div class="container">
  <div class="skills css">80%</div>
</div>
<p>जेसक्रिप्ट</p>
<div class="container">
  <div class="skills js">65%</div>
</div>
<p>PHP</p>
<div class="container">
  <div class="skills php">60%</div>
</div>

दूसरा कदम - जोड़ें CSS:

/* आंतरिक पैडिंग वैसे ही काम करे */
* {बॉक्स-साइजिंग: बॉर्डर-बॉक्स;}
/* कौशल तज्रा के कंटेनर */
.container {
  चौड़ाई: 100%; /* पूर्ण चौड़ाई */
  पृष्ठभूमि रंग: #ddd; /* ग्रे पृष्ठभूमि */
}
.skills {
  लेख-जॉस्टिंग: दायाँ; /* लेख दायाँ जस्टिंग */
  पैडिंग-टॉप: 10px; /* ऊपर के आंतरिक छोराना जोड़ें */
  पैडिंग-बॉटम: 10px; /* नीचे के आंतरिक छोराना जोड़ें */
  रंग: श्वेत; /* श्वेत लेख रंग */
}
.html {चौड़ाई: 90%; पृष्ठभूमि रंग: #04AA6D;} /* हरा */
.css {चौड़ाई: 80%; पृष्ठभूमि रंग: #2196F3;} /* नीला */
.js {चौड़ाई: 65%; पृष्ठभूमि रंग: #f44336;} /* लाल */
.php {चौड़ाई: 60%; पृष्ठभूमि रंग: #808080;} /* गहरा भूरा */

स्वयं आयात्रा करें