HTML-форма внутри коробки? - PullRequest
Новая
       18

HTML-форма внутри коробки?

0 голосов
/ 27 февраля 2019

Я хотел бы поместить форму в рамку или сделать рамку вокруг формы, но я застрял.Фон должен быть белым, и я подумал, что, возможно, прозрачный вариант был в порядке.У любого эксперта есть простая идея, как ее решить?Вложение некоторого кода. Jsfiddle

Чего я хочу достичь 

<body>
<div id="border"></div>
<div id="text">Auf dem tisch</div>
</body>

body {background: white;}

#border {
        border: 2px solid black;
        position: absolute;
        z-index: 1;
        width: 100px;
        height: 80px;
        margin-center: 0;
        padding: 15px;
        border-radius: 1px;
        background: navy;
        opacity: 0.2;
    }

#text   {
        margin-center: 0;
        z-index: 2;
        color: black;
        font-weight: bold;
    }

1 Ответ

0 голосов
/ 27 февраля 2019 
    <div class="box">
<form>
..
..
</form>
</div>

// css style to make border in center of the form

.box{
margin:0 auto; 
width:600px //you can set it in %.
padding:20px;
background:#f9f9f9;
border:2px solid #333;
}
...