কীভাবে তৈরি করা: CSS কৌশলগত ট্রেড

কীভাবে CSS দিয়ে কৌশলগত ট্রেড তৈরি করা শিখুন。

আমার কৌশল

অনলাইন রিজিউমে আপনার বিভিন্ন ক্ষেত্রের কৌশলগত ট্রেড প্রদর্শনের জন্য সাধারণত 'কৌশলগত ট্রেড' ব্যবহৃত হয়:

HTML

৯০%

CSS

৮০%

JavaScript

৬৫%

PHP

৬০%

亲自试一试

কীভাবে কৌশলগত ট্রেড তৈরি করা

প্রথম পদক্ষেপ - এক্সএসএস যোগ করা:

<p>HTML</p>
<div class="container">
  <div class="skills html">৯০%</div>
</div>
<p>CSS</p>
<div class="container">
  <div class="skills css">৮০%</div>
</div>
<p>JavaScript</p>
<div class="container">
  <div class="skills js">৬৫%</div>
</div>
<p>PHP</p>
<div class="container">
  <div class="skills php">৬০%</div>
</div>

দ্বিতীয় পদক্ষেপ - এক্সএসএস যোগ করা:

/* নিচের মাপকাঠিতে প্রত্যাশিত ভাবে কাজ করে */
* {box-sizing:border-box}
/* কৌশলগত ট্রেডের কনটেনার */
.container {
  width: ১০০%; /* সম্পূর্ণ প্রস্থ */
  background-color: #ddd; /* সাদা গ্রাইন */
}
.skills {
  text-align: right; /* লেখা ডানদিকে লেভাল */
  padding-top: ১০ পিক্সেল; /* উপরের অভ্যন্তরমুখী সাপ্তস্থান যোগ করা */
  padding-bottom: ১০ পিক্সেল; /* নিচের অভ্যন্তরমুখী সাপ্তস্থান যোগ করা */
  color: white; /* সাদা লেখার রঙ */
}
.html {প্রস্থ: ৯০%; ব্যাকগ্রাউন্ড-কালার: #04AA6D;} /* সবুজ */
.css {প্রস্থ: ৮০%; ব্যাকগ্রাউন্ড-কালার: #2196F3;} /* নীল */
.js {প্রস্থ: ৬৫%; ব্যাকগ্রাউন্ড-কালার: #f44336;} /* লাল */
.php {প্রস্থ: ৬০%; ব্যাকগ্রাউন্ড-কালার: #808080;} /* গভীর সাদা */

亲自试一试