button help (I know bad title)

[doeskydoes]

Ok so I know HTML and CSS are more web design than programming but still I hope someone can help me. My buttons dont look right can I fix them quickly

HTML:    <div>
          <a href ="https://www.youtube.com/channel/UCmNt1zDYkvSY8B_jDd2TuOA"> Youtube videos I made to help</a>
          </div>

CSS :     div{
      border-radius: 5px;
    border: 2px solid #6495ED;
    background-color: #BCD2EE;
    height: 50px;
    width: 120px;
    margin: auto;
    text-align: center;
}

[Castdeath97]

You can use the button tag. 

[CoffeeandBagels]

What exactly do you want your button to look like?

[Castdeath97]

http://www.w3schools.com/tags/tag_button.asp

[CoffeeandBagels]

<button href ="https://www.youtube.com/channel/UCmNt1zDYkvSY8B_jDd2TuOA"> Youtube videos I made to help</button>

 

EDIT: The link does not seem to work in this example. Not sure what I did wrong.

 

EDIT 2: The href apparently does not go in the button tag. This version works:

<a href ="https://www.youtube.com/channel/UCmNt1zDYkvSY8B_jDd2TuOA"><button type="button">Youtube videos I made to help</button></a>

[doeskydoes]

5 minutes ago, CoffeeandBagels said:

What exactly do you want your button to look like?

just a big red button

[CoffeeandBagels]

19 minutes ago, doeskydoes said:

just a big red button

http://www.w3schools.com/css/css3_buttons.asp

 

You can use CSS to stylize that button tag. Here is an example from that link

 

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

Edited to add code tags

[doeskydoes]

1 minute ago, CoffeeandBagels said:

http://www.w3schools.com/css/css3_buttons.asp

 

You can use CSS to stylize that button tag. Here is an example from that link

 

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

thx I'll use that right now

[mikat]

Please use the CODE TAGS it's at the top of the page and no-one is using code tags, please!

[leodaniel]

And just for Clarification, Use an A tag if you change page (href) and button in form elements or for Changes on the same page!