Giải SBT Tin học 12 Định hướng Khoa học máy tính Chân trời sáng tạo Bài F12. Định dạng CSS cho biểu mẫu
6 câu hỏi
Em hãy giải thích các dòng lệnh CSS sau:
a) input[type="text"] { ... }
b) input[type="text"]: focus {
c) button[type="submit"]:hover { ... }
a) Khai báo vùng chọn để định kiểu cho hộp văn bản.
b) Khai báo vùng chọn để định kiểu khi người dùng đặt con trỏ vào hộp văn bản.
c) Khai báo vùng chọn để định kiểu cho trạng thái hover của nút nhấn gửi biểu mẫu.
Em hãy viết mã lệnh CSS tương ứng với những yêu cầu sau:
a) Khai báo vùng chọn để định kiểu cho hộp văn bản, trong đó vùng đệm và đường biên của hộp văn bản được gộp chung vào kích thước của nó.
b) Khi người dùng di chuyển con trỏ chuột đến, nút nhấn gửi chuyển sang màu đỏ.
c) Bo tròn 4 góc của biểu mẫu.
d) Chuyển con trỏ chuột thành biểu tượng bàn tay khi người dùng đi chuyển con trỏ chuột đến nút nhấn.
a)
input[type="text"] {
}
b)
box-sizing: border-box;
button[type="submit"]:hover {
background-color: #f00;
}
c)
form {
border-radius: 10px;
}
d)
button {
}
cursor: pointer;
<form>
payment.html
payment.css
/* Tạo nền xám cho trang web */
<h2>Phương thức thanh | body {
toán</h2>
</form>
serif;
font-family: Arial, sans-
background-color: #f4f4f4;
}
Em hãy định kiểu cho biểu mẫu ý kiến phản hồi trong Bài F5.3 như Hình 2.
Em hãy định kiểu cho biểu mẫu đăng kí tuyển sinh trong Bài F5.4 như Hình 3.
Em hãy định kiểu cho biểu mẫu đăng kí tuyển sinh trong Bài F5.4 như Hình 3.
