Định kiểu để tạo màu nền chung cho hai nút tròn và màu nền chung cho ba hộp kiểm của biểu mẫu của Thực hành.

VẬN DỤNG

Câu 1: Định kiểu để tạo màu nền chung cho hai nút tròn và màu nền chung cho ba hộp kiểm của biểu mẫu của Thực hành.


Dưới đây là mã CSS cho nhiệm vụ:

/* Định kiểu cho biểu mẫu góp ý */

form {

  max-width: 400px;

  margin: 0 auto;

  padding: 20px;

  border: 1px solid #ccc;

  border-radius: 10px;

  font-family: Arial, Helvetica, sans-serif;

}

/* Định kiểu cho hộp văn bản nhập Họ tên và Lớp */

input[type="text"] {

  display: block;

  box-sizing: border-box;

  width: 100%;

  background-color: #f4f4f4;

  border: none;

  border-radius: 20px;

  padding: 10px;

  margin: 10px 0 10px 0;

}

input[type="text"]:focus {

  outline: 2px solid #007bff;

}

/* Định kiểu cho trạng thái được chọn của các nút tròn và hộp kiểm */

input[type="radio"]:checked {

  background-color: #007bff;

}

input[type="checkbox"]:checked {

  accent-color: #007bff;

}

/* Định kiểu cho hộp văn bản góp ý */

textarea {

  box-sizing: border-box;

  width: 100%;

  background-color: #f4f4f4;

  border: none;

  border-radius: 20px;

  padding: 10px;

  resize: vertical;

}

textarea:focus {

  outline: 2px solid #007bff;

}

/* Định kiểu cho nút nhấn Gửi */

button[type="submit"] {

  width: 25%;

  font-size: 16px;

  color: #fff;

  background-color: #007bff;

  border: none;

  border-radius: 20px;

  padding:


Trắc nghiệm Khoa học máy tính 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu:

Bình luận

Giải bài tập những môn khác