Getting Started with CSS Basics D2

Module review

1. Setting the background image

2. Hyperlink Pseudo-Class

First, the background picture settings

1. Insert the background image of the entire page

Insert directly into the body of the class tag, for example: Body{background-image:url (.. /day02-html/html/King 02.jpg);}

You can also debug its effect, whether it repeats, whether it scrolls with the page, and transfers the position. For example:

body{
Background-image:url (.. /day02-html/html/King 02.jpg);
Background-repeat:no-repeat;
background-attachment:fixed;

Background-position: -148px-62px;
}

Second, hyperlink style (CSS Pseudo-Class)

1.<a href= "" ></a> can debug different properties and set different states.

#a1: link{
Color:gray;
Text-decoration:none;
}
#a2: hover{/* the mouse hover */
color:red;
}
#a3: active{/* When mouse clicks */
Color:blue;
}
#a4: visited{/* when Mouse is on/off
Color:pink;
}

#p1: hover{/* can be applied to other labels */
Color:pink;
}

Example

Getting Started with CSS Basics D2