Happy Codings - Programming Code Examples
Html Css Web Design Sample Codes CPlusPlus Programming Sample Codes JavaScript Programming Sample Codes C Programming Sample Codes CSharp Programming Sample Codes Java Programming Sample Codes Php Programming Sample Codes Visual Basic Programming Sample Codes


HTML & CSS Web Design

Html Css > Code Examples

Anchor background-color

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
Anchor background-color <!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" dir="ltr" lang="en-US" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Anchor background-color</title> <style rel="stylesheet" type="text/css"> #header { width: 750px; height: 240px; background-image: url(images/header-background.jpg); background-position: top left; background-repeat: no-repeat } #menu { float: left; margin: 40px 0 0 20px; } #menu li { display: inline; list-style-type: none; line-height: 30px; } #menu li a { background-color: pink; background-position: top left; background-repeat: no-repeat; height: 40px; display: block; float: left; font-family: Arial; font-size: 13px; color: orange; text-decoration: none; text-align: center } </style> </head> <body> <ul id="menu"> <li><a href="www.happycodings.com">Home page</a></li> <li><a href="c.happycodings.com">C Codes</a></li> <li><a href="html-css.happycodings.com">HTML CSS Codes</a></li> <li><a href="android.happycodings.com">Android Codes</a></li> <li><a href="java.happycodings.com">Java Codes</a></li> </ul> </body> </html>