ਕਿਵੇਂ ਬਣਾਓ: ਲਿਸਟ ਗਰੁੱਪ

ਸਿਵੇਂ ਕਿਵੇਂ ਸਿਸਟਮ ਐੱਚਟੀਐੱਮਐੱਲ ਨੂੰ 'ਲਿਸਟ ਗਰੁੱਪ' ਵਿੱਚ ਬਦਲੋ

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

亲自试一试

ਲਿਸਟ ਗਰੁੱਪ ਕਿਵੇਂ ਬਣਾਓ

ਪਹਿਲਾ ਕਦਮ - ਐੱਚਟੀਐੱਮਐੱਲ ਜੋੜੋ:

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

ਦੂਜਾ ਕਦਮ - ਸੀਐੱਸਐੱਸ ਜੋੜੋ:

ul {
  list-style-type: none; /* ਮੰਤਰੀ ਨੰਬਰਾਂ ਹਟਾਓ */
  padding: 0; /* ਅੰਦਰੂਨੀ ਹੱਦਾਂ ਹਟਾਓ */
  margin: 0; /* ਬਾਹਰੀ ਹੱਦਾਂ ਹਟਾਓ */
}
ul li {
  border: 1px solid #ddd; /* ਹਰ ਮੰਤਰੀ ਵਿੱਚ ਸ਼ਾਨਦਾਰ ਹੱਦ ਜੋੜੋ */
  margin-top: -1px; /* ਦੋਵੇਂ ਹੱਦਾਂ ਤੋਂ ਬਚਾਓ */
  background-color: #f6f6f6; /* ਗ੍ਰੇ ਪ੍ਰਕਾਸ਼ ਪਿੰਨਬਰਗ ਕੀਤਾ */
  padding: 12px; /* ਜਾਰੀ ਕੁਝ ਅੰਦਰੂਨੀ ਹੱਦਾਂ */
}

亲自试一试

相关页面

教程:CSS 列表