အစီအစဉ် ဖန်တီးလုပ်ခြင်း

CSS ကို အခြေခံ အစီအစဉ် အစီအစဉ်များ အစီအစဉ်များ ဖန်တီးလုပ်ခြင်း

  • Adele
  • Agnes
  • Billy
  • Bob
  • Calvin
  • Christina
  • Cindy

亲自试一试

အစီအစဉ်များ ဖန်တီးလုပ်ခြင်း

ပထမပွဲ - HTML ထပ်ပေးလုပ်

ul
  <li>Adele</li>
  <li>Agnes</li>
  <li>Billy</li>
  <li>Bob</li>
  <li>Calvin</li>
  <li>Christina</li>
  <li>Cindy</li>
</ul>

ဒုတိယပွဲ - CSS ထပ်ပေးလုပ်

ul {
  list-style-type: none; /* အဝတ်အသား အစားထိုးလုပ် */
  padding: 0; /* ပြည်ပိုင်းအကျယ် 0 ပြုလုပ် */
  margin: 0; /* အကျယ် 0 ပြုလုပ် */
}
ul li {
  border: 1px solid #ddd; /* တစ်ပုံတိုင် ပြည်ပိုင်းအကျယ် #ddd ပြုလုပ် */
  margin-top: -1px; /* နောက်ဘက်ဘက် အကျယ် -1 ပုံတိုင် */
  background-color: #f6f6f6; /* အမြောက်အရောင် #f6f6f6 ပြုလုပ် */
  padding: 12px; /* ပြည်ပိုင်းအကျယ် 12 ပုံတိုင် */
}

亲自试一试

相关页面

教程:CSS 列表