Как сделать border на всю форму?

Question

[Soceine]

Господа знатоки, такой вопрос возник.
Как сделать border на всю форму?
Пытался разными способами, но пока все мимо.
P.S. Прошу строго не судить за глупый вопрос, т.к. я только начинаю все это понимать.

Comments

[Вадим]

Показать свой код, в котором у Вас не получается.
Потому что в данный момент прямой ответ на вопрос такой: задать бордер для формы.

А если обратить внимание на дизайн, то там градиент, а градиентных бордеров нет.
Так что это градиентный фон у формы и padding

[Soceine]

<form class="form__border" action="/" method="post">
                    <input class="input" type="text" placeholder="Enter Domain">
                    <select class="select" name=".com" id=".com">
                        <option value=".com">.com</option>
                        <option value=".org">.org</option>
                        <option value=".net">.net</option>
                        <option value=".biz">.biz</option>
                    </select>
                    <button class="btn">FIND DOMEN</button>
                </form>

.form {
    border: 10px solid;
}

.input {
    padding-left: 10px;
    width: 400px;
    height: 37px;
    border: none;
    color: #000; 
}

.select {
    height: 37px;
    border: none;
}

Answer 1

[Levelse]

Если ты имеешь ввиду border с градиентом, то для начала помести форму в блок, далее задай этому блоку linear-gradient. После чего добавь padding уже в зависимости от того какой ширины нужен бордер.

Answer 2

[Toy Boy]

.form__border {
padding: 5px;
width: 580px;
border: 1px solid #000
}