Menu
CoddyTech
Bắt đầu học

Phần HTML

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

Chúng ta sẽ dùng hai tệp:

  • index.html
  • styles.css

Bạn đã có sẵn khung của index.html, trong đó có liên kết đến tệp styles.css.

Nếu cần đặt lại, bạn chỉ cần nhấp vào nút đặt lại ở góc trên bên phải để khôi phục code mặc định!

challenge icon

Thử thách

Dễ

Thêm thẻ button bên trong body với thuộc tính class có giá trị "fancyButton"

Đừng quên thêm văn bản bạn chọn bên trong button!

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