html - Header Creation -
in head want use "your image more important ours" emphasis on more important.
i want underlined , shadowed match red background (white shadow). emphasis i'm debating if should blink or fade in.
for reason, css isn't working on it. html code:
<!-- html document--> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="dld.css"> <title>dave's logo designs</title> </head> <header> <div id="header"> <h1>your image <em>more important</em> ours</h1> </div> </header> <body> <h1>welcome official site of dave's logo designs<h1> </body> </html>
css far:
header { width: 100%; height: 200px; } header:h1 { color: red; text-shadow: 0px 2px 2px white; font-size: 25px; font-family: impact; } header:em { color: white; font-weight: bold; text-decoration: underline; font-size: 30px; font-family: impact; }
nothing's working. stupid on end. in advance.
you should put header
tag inside yout body
tag.
<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="dld.css"> <title>dave's logo designs</title> </head> <body> <header> <div id="header"> <h1>your image <em>more important</em> ours</h1> </div> </header> <h1>welcome official site of dave's logo designs<h1> </body> </html>
and change css selector
header { width: 100%; height: 200px; } header h1 { color: red; text-shadow: 0px 2px 2px white; font-size: 25px; font-family: impact; } header em { color: white; font-weight: bold; text-decoration: underline; font-size: 30px; font-family: impact; }
note space between header
, h1
.
it result (darkgreen background added show italicized text white).
Comments
Post a Comment