【问题标题】:The bar doesn't display, can't follow the tutorial beginner developer栏不显示,无法按照教程初学者开发者
【发布时间】:2022-01-30 15:27:33
【问题描述】:

我试图关注这个tutorial,但我在 52:40 分钟被卡住了。当他给出条形高度和颜色时,我做同样的事情但它不显示。谁能帮我?不胜感激

.skills__bar,
.skills__percentage
{   height: 5px;
    border-radius: .25rem;
}

.skills__bar{
    color:red;
}
<div class="skills__titles">
    <h3 class="skills__name">Photoshop</h3>
    <span class="skills__number">80%</span>
</div>
<div class="skills__bar">
    <span class="skills__percentage skills__psd"></span>
</div>

【问题讨论】:

    标签: html css height


    【解决方案1】:

    color 属性指定文本的颜色。 - w3schools

    视频中应用的属性不是color,而是background-color。将 color 属性更改为 background-color 后,试试下面的代码来查看结果。

    .skills__bar,
    .skills__percentage
    {   height: 5px;
        border-radius: .25rem;
    }
    
    .skills__bar{
        background-color:red;
    }
    <div class="skills__titles">
        <h3 class="skills__name">Photoshop</h3>
        <span class="skills__number">80%</span>
    </div>
    <div class="skills__bar">
        <span class="skills__percentage skills__psd"></span>
    </div>

    https://developer.mozilla.org/en-US/docs/Web/CSS/background-color

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2010-09-15
      • 1970-01-01
      • 2011-01-29
      • 2013-06-28
      • 2015-02-23
      • 2011-06-03
      • 2011-04-27
      相关资源
      最近更新 更多