Почему не делается border?

Question

[Денис Соколов]

<div class="hud-block">
    <ul class="hud-items">
        <li class="hud-item">
            <img src="../assets/images/car_hud.png" alt="car" />
            <span>100 KM/H</span>
        </li>
        <li class="hud-item">
            <img src="../assets/images/fuel_hud.png" alt="fuel" />
            <span>20л</span>
        </li>
        <li class="hud-item">
            <img src="../assets/images/card_hud.png" alt="card" />
            <span>100 000 000</span>
        </li>
        <li class="hud-item">
            <img src="../assets/images/money_hud.png" alt="money" />
            <span>100 000 000</span>
        </li>
    </ul>
</div>

.hud-block {
    border: 1px solid;
    background: #111c40;
    border-radius: 10px;
    width: 400px;
    border-image-source: linear-gradient(180deg, #fff500 0%, #ffa800 100%);
}

Answer 1

[Ankhena]

Потому что border картинкой не работает со скругленными уголками.