Scribd
Upload
3 views

Style Css

This document contains CSS styles for a login page layout. It defines the appearance of the body, login container, headings, labels, input fields, and buttons, ensuring a centered and visually appealing design. The styles include properties for colors, padding, borders, and flexbox layout to enhance user experience.

Uploaded by

Đỗ Định Mệnh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views

Style Css

This document contains CSS styles for a login page layout. It defines the appearance of the body, login container, headings, labels, input fields, and buttons, ensuring a centered and visually appealing design. The styles include properties for colors, padding, borders, and flexbox layout to enhance user experience.

Uploaded by

Đỗ Định Mệnh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

body {

font-family: Arial, sans-serif;


display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f7f7f7;
}

.login-container {
background-color: #fff;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 300px;
text-align: center;
}

h2 {
margin-bottom: 20px;
}

label {
display: block;
margin-bottom: 10px;
text-align: left;
}

input[type="text"],
input[type="password"] {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
}

.buttons {
display: flex;
justify-content: space-between;
}

button {
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}

.cancelbtn {
background-color: #f44336;
color: white;
}

button[type="submit"] {
background-color: #4CAF50;
color: white;
}

You might also like