Menu
CoddyTech

Lớp nút

Bài học 22 trên 26 trong khóa học Dự án giao diện: tạo bản sao thẻ hồ sơ Coddy của Coddy.

challenge icon

Thử thách

Dễ

Bên trong lớp ‘buttons’, nhắm đến lớp ‘button’:

  1. Đặt màu thành trắng.
  2. Đặt cỡ chữ thành 14 pixel.
  3. Đặt đường viền thành none và bán kính đường viền thành 24 pixel. 
  4. Đặt lề trên dưới thành 0px và lề trái phải thành 10px.
  5. Đặt khoảng đệm trên dưới thành 3 pixel và trái phải thành 18 pixel.
  6. Đặt màu nền thành #4070f4.

Tự làm thử

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Viết code HTML ở đây -->
        <script src="script.js"></script>
    </body>
</html>

Tất cả bài học trong Dự án giao diện: tạo bản sao thẻ hồ sơ Coddy

Tự luyện tập: Playground Web