Menu
CoddyTech
Bắt đầu học

Kích thước

Bài học 3 trên 8 trong khóa học Dự án CSS: nút bấm bắt mắt của Coddy.

Hãy bắt đầu thử điều chỉnh kích thước của nút.

Nếu bạn thay đổi width hoặc height của nút, văn bản có thể không nằm ở giữa. Tốt hơn hết là bạn nên thử điều chỉnh padding.

challenge icon

Thử thách

Dễ

Nhiệm vụ:

  1. Đặt cỡ chữ của nút thành bất kỳ kích thước nào bạn muốn, nhưng khác cỡ mặc định (14px)
  2. Đặt phần đệm theo chiều dọc thành 8px và phần đệm theo chiều ngang thành 16px
  3. Đặt lề theo ý bạn

Dùng styles.css để chọn và tạo kiểu cho nút

Tự làm thử

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

Tất cả bài học trong Dự án CSS: nút bấm bắt mắt

1Giới thiệu

Giới thiệuPhần HTML

2Dự án CSS

Kích thướcBài học dự ánMàu sắcBài học dự ánĐường viền và bán kínhBài học dự ánBóngBài học dự ánHiệu ứng di chuộtBài học dự ánTạo kiểu cuối cùngBài học dự án

Tự luyện tập: Playground Web