Style class btn

Lesson 9 of 14 in Coddy's DOM Project - Calculator course.

Challenge

Easy

Target class 'btn':

Set padding and font size to 20px.
Set the border to 1px, solid, and color of your choice.
Set the background color and the color of your choice.
Set cursor to pointer

Try it yourself

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

All lessons in DOM Project - Calculator

1Introduction

What will you build?

4Make it work

function appendToDisplay

function clearDisplay

function deleteLast

function calculateResult

2Frontend I

Title and class calculator Display input and buttons

Style body

All buttons

3Frontend II

Style class calculator

Style id display

Style class buttons

Style class btn Project lesson

Style class equal