The main principle of making breadcrumb navigation with css2 is to use absolute positioning and the extrusion nature of the border when the width and height of the element are both zero. The rendering
Code:
<ul> <li>HTML<i></i></li> <li><em></em>CSS<i></i></li> <li><em></em>JavaScript<i></i></li></ul>
css:
ul{ list-style:none; } li{ float:left; width:200px; height:32px; line-height:32px; background-color:gray; text-align:center; font-size:14px; font-weight:bold; font-family:Arial; position:relative; margin-left:5px; cursor:pointer; } em,i{ display:block; width:0; height:0; border-style:solid; border-width:16px 0 16px 16px; position:absolute; } i{ right:-16px; top:0; border-color:transparent transparent transparent gray; z-index:2; } em{ left:0; top:0; border-color:transparent transparent transparent white; } li:hover{ background-color:orange; color:#FFF; } li:hover i{ border-color:transparent transparent transparent orange; }Done!
How to solve the invalid mysql identifier error
How to delete blank pages in word without affecting other formats
js split usage
stripslashes function usage
How to copy an Excel table to make it the same size as the original
Introduction to the use of vscode
Linux adds update source method
Basic usage of insert statement
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
