Câu hỏi tự luận mức độ vận dụng Tin học ứng dụng 12 kntt bài 17: Các mức ưu tiên của bộ chọn

3. VẬN DỤNG (3 CÂU)

Câu 1: Viết một bộ chọn pseudo-class hoàn chỉnh để thay đổi màu chữ của liên kết bất kỳ khi người dùng di chuột lên.

Câu 2: Viết một đoạn mã trong đó sử dụng bộ chọn pseudo-element để thêm nội dung trước một phần tử, ví dụ thêm một dấu chấm vào đầu tất cả các đoạn văn.


Câu 1:

<!DOCTYPE html>

<html>

<head>

<style>

body {

  background-color: lightblue;

}

h1 {

  color: white;

  text-align: center;

}

p {

  font-family: verdana;

  font-size: 20px;

}

a {

  color: blue; 

  text-decoration: none; 

}

</style>

</head>

<body>

<h1>Facbeook cua toi</h1>

<p>This is a paragraph. 

   <a href="https://www.facebook.com/">Visit our website</a> 

</p>

</body>

</html>

Câu 2: 

<!DOCTYPE html>

<html>

<head>

<style>

body {

  background-color: lightblue;

}

h1 {

  color: white;

  text-align: center;

}

 p::before {

  content: "• ";

}

}

a {

  color: blue; 

  text-decoration: none; 

}

</style>

</head>

<body>

<h1>Facbeook cua toi</h1>

<p>fiduteach tu luan 4 muc do. 

   <a href="https://www.facebook.com/">Visit our website</a> 

</p>

</body>

</html>


Bình luận

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