Can someone show me how I can style a button through css?

HTML & CSS
24

Just to clarify a point which was not actually explained anywhere:

In your original (non-functioning) code, you had

.tuner {
    width:266px;
    height:24px;
    cursor:pointer;
    background-color:black; 
    border: 3px solid #0059dd;
}

<button id="tuner">

.tuner refers to something with a class of “tuner”. To refer to the id you would use #tuner.

So you either need to use

.tuner {
    width:266px;
    height:24px;
    cursor:pointer;
    background-color:black; 
    border: 3px solid #0059dd;
}

<button class="tuner">

or

#tuner {
    width:266px;
    height:24px;
    cursor:pointer;
    background-color:black; 
    border: 3px solid #0059dd;
}

<button id="tuner">

There are several differences between class and id, but the most important to remember is that an id can only be used once in a document, whereas a class can be used multiple times.

6 Likes