글 수 '48'
| <?xml version="1.0" encoding="utf-8"?> <!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" xml:lang="en-us"> <head> <title>Simple Scalable CSS Based Breadcrumbs</title> <style type="text/css"> body { font:71%/165% "Lucida Grande", Lucida, Verdana, sans-serif; } ul, li { list-style-type:none; padding:0; margin:0; } #crumbs { height:2.3em; border:1px solid #dedede; } #crumbs li { float:left; line-height:2.3em; color:#777; padding-left:.75em; } #crumbs li a { background:url(images/crumbs.gif) no-repeat right center; display:block; padding:0 15px 0 0; } #crumbs li a:link, #crumbs li a:visited { color:#777; text-decoration:none; } a:link, a:visited, #crumbs li a:hover, #crumbs li a:focus { color:#dd2c0d; } </style> </head> <body> <ul id="crumbs"> <li><a href="#">Home</a></li> <li><a href="#">Main section</a></li> <li><a href="#">Sub section</a></li> <li><a href="#">Sub sub section</a></li> <li>The page you are on right now</li> </ul> </body> </html> |
Copyrights 2010 ,WebMake.ca . All rights reserved