CSS color and font codes

  • In my header box I want to change the color and fonts for the background and the border at the bottom to be a burnt orange. What are the color codes for these areas below? And how would I change the font to Arial?

    #header {
    background: #90a090;
    border-bottom: double 3px #aba;
    border-left: solid 1px #9a9;
    border-right: solid 1px #565;
    border-top: solid 1px #9a9;
    font: bold normal 230% ‘Times New Roman’, Times, serif;
    letter-spacing: 0.2em;
    margin: 0;
    padding: 15px 10px 15px 260px;
    }

    Thanks for your help.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Perhaps these will help:

    https://www.html-color-codes.com/

    https://www.wellstyled.com/tools/colorscheme2/index-en.html

    towatson,
    The colours are represented in hexadecimal form. You see this as the #aba and #9a9 as well as others. You can use colour names, like red or blue, or RGB values, (255, 255, 255) or hexadecimal to represent colours. To that end, you will have to figure out what RGB value, hex value or name value “burnt orange” will be. There are many colour tools available online.

    As for changing the font to Arial, simply change this line:
    font: bold normal 230% "Times New Roman", Times, serif;
    to this:
    font: bold normal 230% Arial, sans-serif;
    The sans-serif is just good CSS practice to tell the browser to substitue a similar font to Arial should Arial not be available on the visitor’s computer.

    This page will help you will colour codes:
    https://www.w3schools.com/css/css_colornames.asp
    There are other pages on that site related directly to colour as well.

    Thread Starter towatson

    (@towatson)

    Hey, thanks guys. Now that the header color is done I can work on the rest. There is a problem at the top and bottom of the header. Different colors. How would I change those colors to the same thing?

    towatson,
    body {
    background: #fff;
    border: solid 2px #565;
    border-bottom: solid 1px #565;
    This is likely causing the colour difference. I’d suggest removing the border colour altogether.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS color and font codes’ is closed to new replies.