Ôn tập border và box-sizing

Border trong CSS dùng để làm gì?

• Để tạo hiệu ứng chuyển động cho phần tử HTML

• Để tạo viền xung quanh các phần tử HTML và tạo hiệu ứng phân biệt

• Để thay đổi màu nền của phần tử HTML

• Để thêm hình ảnh vào phần tử HTML

Box-sizing trong CSS có những giá trị nào?

• margin-box

• padding-box

• center-box

• content-box, border-box

Làm thế nào chúng ta có thể điều chỉnh độ dày của viền trong CSS?

• border-size: 2px;

• border-width: 2px;

• border-thickness: 2px;

• border-height: 2px;

Làm thế nào để thay đổi màu sắc của border trong CSS?

• border-color: green;

• border-color: blue;

• border-color: red;

• border-color: yellow;

Code nào sau đây trong CSS là chính xác để kiểm soát độ dày đường viền mỗi cạnh như hình?

• border-style: dotted;

   border-width: 20px 2px;

      border-color: blue;

     

• border-style: solid;

   border-width: 20px;

      border-color: blue;

     

• border-style: solid;

   border-width: 20px 2px;

  border-color: blue;

• border-style: solid;

   border-width: 2px 20px;

      border-color: blue;

   

Làm thế nào để thêm border vào một phần tử trong CSS?

• border: 3px dotted green;

• border: 2px solid blue;

• border: 1px solid black

• border: 1px dashed red;

Border-radius trong CSS dùng để làm gì?

• Để thay đổi màu sắc của một phần tử HTML.

• Để tạo hiệu ứng chuyển động cho một phần tử HTML.

• Để làm tròn góc của một phần tử HTML.

• Để thêm đường viền cho một phần tử HTML.

chọn đúng đoạn code trong css để tạo ra đường viền như hình

• border: 10px dotted black;

  box-sizing: border-box;

• border: 10px dashed red;

  box-sizing: border-box;

• border: 10px solid red;

  box-sizing: border-box;

• border: 10px dotted red;

  box-sizing: border-box;