Breaking News: Grepper is joining You.com. Read the official announcement!

html how to create a box in the middle of a image

PHANTOM answered on January 19, 2022 Popularity 4/10 Helpfulness 2/10

answer html how to create a box in the middle of a image

html how to create a box in the middle of a image

Comment

<body class="background">

<div class="cor">
<label>User</label>
</div>

<div class="cor">
<input type="text" id="user">
</div>

<div class="cor">
<label>Password</label>
</div>

<div class="cor">
<input type="text" id="pass">
</div>

<div class="cor">
<button>Enter</button>
</div>

</body>

<style>
<--- This values i used in a Full HD monitor(1920 X 1080) --->
<--- Estes valores eu usei num monitor Full HD(1920 X 1080) --->
.background{
background-image: url (https://www.teahub.io/photos/full/97-976476_doom-wallpaper-hd.jpg);
background-size: cover;
background-repeat: no-repeat;
text-align:center;
padding:15%
}

.cor{
background: #b07517;
width: 25%;
margin-left: auto;
margin-right: auto;
}
</style>

Popularity 4/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: box html image

Link to this answer
Share Copy Link

Contributed on Jan 19 2022

PHANTOM

0 Answers Avg Quality 2/10

html how to create a box in the middle of a image

Contents

More Related Answers

html how to create a box in the middle of a image

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.