Справочник верстальщика
Создай свой сайт!
Хлебные крошки
-
-
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Хлебные крошки</title> </head> <body> <div class='out'> <ul> <li><a href=''>Uno</a></li> <li><a href=''>Dos</a></li> <li><a href=''>Tres</a></li> <li><a href=''>Quatro</a></li> </ul> </div> <div> <img src=""> </div> </body> </html> -
*{ margin:0; padding:0; } div{margin: 20px} ul{ background: linear-gradient(to bottom, #fff 0%, #b0c17a 100%) #b0c17a; list-style: none; padding: 0; border-radius: 0 15px 15px 0; outline: solid 2px white; } li{ padding:5px 12px; display: inline-block; border-radius: 0 15px 15px 0; border-right: solid 1px #666; box-shadow: 3px 2px 3px -3px #444,inset -5px 0 0 -3px #fff;}
