<! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> untitled document </title>
<Style type = "text/CSS">
A {}{
/** // * Set all styles in a unified manner */
Font-family: Arial, Helvetica, sans-serif;
Font-size:. 8em;
Text-align: center;
Margin: 3px;
}
A: Link, A: visited {}{
/** // * The hyperlink is normal, and the accessed style */
Color: # a62020;
Padding: 4px 10px;
Background-color: # ecd8db;
Text-Decoration: none;
Border-top: 1px solid # Eee;/** // * implement shadow effect on the border */
Border-left: 1px solid # Eee;
Border-Right: 1px solid #717171;
Border-bottom: 1px solid #717171;
}
A: hover {}{
/** // * Hyperlink when the mouse passes */
Color: #821818;/** // * change the text color */
Padding: 5px 8px 3px 12px;/** // * change the text position */
Background-color: # e2c4c9;/** // * change the background */
Border-top: 1px solid #717171;
Border-left: 1px solid #717171;
Border-Right: 1px solid # Eee;
Border-bottom: 1px solid # Eee;
}
</Style>
</Head>
<Body>
<A href = "#"> Home </a>
<A href = "#"> contact </a>
<A href = "#"> Web Dev </a>
<A href = "#"> Web Design </a>
<A href = "#"> Map </a>
</Body>
</Html>
