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

<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%);
}
  • Вопрос задан
  • 60 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Потому что border картинкой не работает со скругленными уголками.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
wapster92
@wapster92 Куратор тега CSS
Есть разница между тем как хочешь ты, и как написан код. Он "делается" только прозрачный
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы