html and CSS coding for breadcrumbs : Crumb « CSS Controls « HTML / CSS






  1. HTML / CSS
  2. CSS Controls
  3. Crumb

html and CSS coding for breadcrumbs

  
<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<style type="text/css"> 
ul.bcrumbs li { display: inline; font: large verdana,sans-serif; } 
ul.bcrumbs li a { text-decoration: none; } 
</style> 
</head> 
<body> 
<ul class="bcrumbs"> 
<li><a href="/">Home</a> &gt;</li> 
<li><a href="/buy/">Buy</a> &gt;</li> 
<li><a href="/buy/music/">Music</a> &gt;</li> 
<li><a href="/buy/music/cds/">CDs</a> &gt;</li> 
<li><b>Search results</b></li> 
</ul> 
<hr/> 
</body> 
</html>








Related examples in the same category

1.crumbs structure