Breadcrumb style 7
This is a template of a web form with breadcrumb buttons, designed using CSS and HTML. The buttons take a fill effect in a hover event. The Li element of lists has been used to display the buttons in a list. The breadcrumbs are initially given a general set of styles such as padding as 10px 0 0 0, display as inline block, border-top as 4px solid #8633cb, overflow as hidden, float as left, border 1px solid rgba(0,0,0,0.1), border-radius as 5px, background as transparent, font size as 16px, font-weight as bold and font color as #000. The text-transform is set as uppercase to automatically transform it to uppercase. The last child of the set is given the styles of padding as 3px 15px, background color as #8633cb, and font color as #fff. The other buttons take a fill effect of the color #8633cb when in a hover event.