Skip to content

Commit 30d0d01

Browse files
cywong-devcywong-dev
committed
revised on 24 May 2026
1 parent 365c0bf commit 30d0d01

2 files changed

Lines changed: 39 additions & 0 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>Checking Form</title>
8+
<link rel="stylesheet" href="style.css" />
89
</head>
910

1011
<body>

‎Form-Controls/style.css‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
body {
2+
font-family: Arial, sans-serif;
3+
background-color: hsl(0, 2%, 20%);
4+
display: flex;
5+
justify-content: center;
6+
align-items: center;
7+
height: 100vh;
8+
margin: 0;
9+
}
10+
11+
.customer-form {
12+
background-color: #ffffff;
13+
padding: 40px;
14+
border-radius: 8px;
15+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
16+
width: 300px;
17+
}
18+
19+
.customer-form label {
20+
margin-bottom: 5px;
21+
color: #1a1a1a; /* dark grey text */
22+
background-color: transparent;
23+
}
24+
25+
.customer-form button {
26+
width: 100%;
27+
padding: 10px;
28+
background-color: #0056b3; /* darker blue */
29+
color: #ffffff;
30+
border: none;
31+
border-radius: 4px;
32+
cursor: pointer;
33+
font-size: 16px;
34+
}
35+
36+
.custojmer-form button:hover {
37+
background-color: #003f8a;
38+
}

0 commit comments

Comments
 (0)