what I have so far but it is not working I tried to add an image file to my page
what I have so far but it is not working I tried to add an image file to my page
body {
font-family: Georgia, serif;
font-size: 100%;
line-height: 175%;
margin: 0 15% 0;
background-color:rgb(210,220,157);
background-image: url(bullseye.png); /* Rounded Shape image */
background-size: contain;
}
header {
margin-top: 0;
padding: 3em 1em 2em 1em;
text-align: center;
border-radius:4px;
background-color:hsl(0, 14%, 95%);
opacity:0.5;
background-image: url(purpledot.png); /*purple image*/
background-repeat: repeat-x;
}
a {
text-decoration: none;
color:rgb(153,51,153);
}
a:visited{
color: hsl(300, 13%, 51%);
}
a:hover{
background-color: #fff;
}
a:focus{
background-color: #fff;
}
a:active{
color:#ff00ff;
}
h1 {
font: bold 1.5em Georgia, serif;
text-shadow: 0.1em 0.1em 0.2em gray;
color: rgb(153,51,153);
}
h2 {
font-size: 1em;
text-transform: uppercase;
letter-spacing: 0.5em;
text-align: center;
color:rgb(204,102,0);
}
dt {
font-weight: bold;
}
strong {
font-style: italic;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#info p {
font-style: italic;
}
.price {
font-family: Georgia, serif;
font-style: italic;
}
p.warning,
sup {
font-size: small;
}
.label {
font-weight: bold;
font-variant: small-caps;
font-style: normal;
}
h2 + p {
text-align: center;
font-style: italic;
}
Step by step
Solved in 2 steps