Scribd
Upload
8 views2 pages

Style CSS

The document contains CSS styles for a web page layout, focusing on a form and table design. It specifies styles for body, form elements, labels, inputs, buttons, and table formatting, ensuring a clean and user-friendly interface. The styles include responsive design features and hover effects for buttons.

Uploaded by

sardorolimjonov0608
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
8 views2 pages

Style CSS

The document contains CSS styles for a web page layout, focusing on a form and table design. It specifies styles for body, form elements, labels, inputs, buttons, and table formatting, ensuring a clean and user-friendly interface. The styles include responsive design features and hover effects for buttons.

Uploaded by

sardorolimjonov0608
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

body {

font-family: Arial, sans-serif;


display: flex;
flex-direction: column;
align-items: center;
height: 100vh;
margin: 0;
}

form {
border: 1px solid #ccc;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}

div {
margin-bottom: 15px;
}

label {
display: block;
margin-bottom: 5px;
}

input {
width: 100%;
padding: 8px;
box-sizing: border-box;
}

button {
width: 100%;
padding: 10px;
background-color: #28a745;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}

button:hover {
background-color: #218838;
}

table {
width: 80%;
border-collapse: collapse;
margin-top: 20px;
}

table, th, td {
border: 1px solid #ccc;
}

th, td {
padding: 10px;
text-align: left;
}

th {
background-color: #f2f2f2;
}

tr:nth-child(even) {
background-color: #f9f9f9;
}

You might also like