Để giải trí, tôi đã sử dụng một đoạn mã lấy được từ một người bạn và cố gắng tạo trường đăng nhập chứa tên người dùng và mật khẩu, nhưng tôi gặp khó khăn khi lấy các trường bên cạnh các từ. Có một khoảng cách lớn giữa từ tên người dùng và ô bạn nhập vào. Điều tương tự cũng xảy ra với mật khẩu.
Đây là mã của tôi:
Mã CSS của tôi như sau.
input {
màu sắc: đen;
lề: 10px 100px 0px 400px;
}
hình thức {
color: white;
căn chỉnh văn bản: đúng;
position: fixed;
lề trên: 30px;
}
Tôi rất mới ở lĩnh vực này và rất thích một số lời khuyên! Cảm ơn!
Chà, lợi nhuận của bạn rất lớn, hãy thử làm cho chúng nhỏ hơn và xem nó trông như thế nào:
input {
màu sắc: đen;
margin: 10px;
}
Kiểu bạn đang sử dụng có định dạng sau:
lề: ;
Vì vậy, nếu nó là 100px ở bên phải và 400px ở bên trái, chúng sẽ cách nhau rất xa :)
Để có thể tạo kiểu cho văn bản, bạn cần nó phải là một phần tử, vì vậy câu trả lời đơn giản là bọc nó trong một số thẻ, nhưng đây là phong cách mà cá nhân tôi thích và mang lại nhiều ý nghĩa hơn:
html
Tên người dùng:
CSS
nhãn { hiển thị: khối; căn chỉnh văn bản: trung tâm;
đầu vào, khoảng {hiển thị: khối; chiều rộng: 200px }
Điều này sẽ xếp văn bản và dữ liệu đầu vào lại với nhau trong khi nhóm chúng theo thẻ, để khi bạn tương tác với văn bản, trình duyệt sẽ tập trung chính xác vào dữ liệu đầu vào liên quan của nó.
Tôi là một lập trình viên xuất sắc, rất giỏi!