CSS

Duba: Na'yananin kasa

Na'yananin kasa na zama

Na'yananin kasa na dare


Na'yananin kasa

Na'yananin kasa na amfani sosai don kowane waje.

Daga baya, amfani da CSS za a iya kawo ƙoƙarin haɗin waje na HTML zuwa na'yananin kasa da yake da gajerun rarraba.

Na'yananin kasa = ƙoƙarin haɗin waje

Na'yananin kasa ba za a iya ƙirƙira su a matsayin ƙarfin HTML ba.

A cikin tasiri na ninku, za a ɗauki amfani da ƙirar HTML na tsaro don gina na'yananin kasa.

Na'yananin kasa da a kewayi a gina ƙoƙarin haɗin waje ne, kuma domin ya ƙunshi abin da ke amfani da <ul> da <li> ƙoƙarin ƙarɓa ɗa ƙaɗa a hankali:

实例

<ul>
  <li><a href="index.asp">Home</a></li>
  
  • News
    • 
  
  • Contact
    • 
  
  • About
    •

    亲自试一试

    现在，从列表中删除项目符号以及外边距和内边距（填充）：

    实例

    ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

    亲自试一试

    例子解释：

    • list-style-type: none; - 删除项目符号。导航条不需要列表项标记。
    • 设置 margin: 0; 和 padding: 0; 删除浏览器的默认设置。

    上例中的代码是垂直和水平导航栏中使用的标准代码，您将在下一章中学习更多内容。