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-repeat no-repeat

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-repeat no-repeat <!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-repeat no-repeat</title> <style rel="stylesheet" type="text/css"> #header { width: 900px; height: 240px; background-image: url(images/background-image.jpg); background-position: top left; background-repeat: no-repeat } #menu { float: left; margin: 60px 0 0 23px; } #menu li { display: inline; list-style-type: none; line-height: 30px; } #menu li a { background-color: orange; background-position: top left; background-repeat: no-repeat; height: 30px; display: block; float: left; font-family: Arial; font-size: 13px; color: blue; text-decoration: none; text-align: center } </style> </head> <body> <ul id="menu"> <li><a href="www.happycodings.com">happycodings</a></li> <li><a href="python.happycodings.com">python</a></li> <li><a href="csharp.happycodings.com">csharp</a></li> <li><a href="java.happycodings.com">java</a></li> <li><a href="c.happycodings.com">c</a></li> </ul> </body> </html>