Tuesday, March 14, 2023
HomeCSShtml - Making use of li: after to connect design to tab

html – Making use of li: after to connect design to tab


 breadcrumb-container {
history: blue;
font-family: var(-- font-family-semibold);.
}

ul {
extra padding: 0;.
margin-block-start: 0em;.
margin-block-end: 0em;.
margin-inline-start: 0px;.
margin-inline-end: 0px;.
padding-inline-start: 0px;.

li {
list-style: none;.
screen: inline-block;.
text-transform: capital;.
extra padding: 10px 20px;.

{a text-decoration: none;.
shade: white;.
font-size: 14px;.
line-height: 17px;.
font-family: var(-- font-family-semibold);.
}
}
}

ul.tabs>> li {
float: right;.
padding-right: 60px;.
padding-top: 11px;.
padding-left: 40px;.
elevation: 56px;.
history: darkblue;.
box-shadow: 0 10px 20px rgba( 0, 0, 0,.5);.
max-width: 222px;.
box-sizing: border-box;.
boundary: 1px strong # 10172E;.
}

ul.tabs>> li>> {a screen: inline-block;.
max-width: 100%;.
overflow: concealed;.
text-overflow: ellipsis;.
text-decoration: none;.
shade: $alis-white;.
}

li: after {
material: ";.
setting: family member;.
size: 10%;.
elevation: 100%;.
base: 33px;.
left: 90px;.
border-right: 30px strong clear;.
border-bottom: 56px strong environment-friendly;.
} 
<< div course=" breadcrumb-container">
<> < ul course=" tabs">
<> < li course=" tab"><> < mat-icon>> search<  < li course=" tab1"><> < a href=" https://stackoverflow.com/questions/74805885/javascript:void( 0 )">> Various dimension Tab< .
<< li course=" tab2"><> < a href=" https://stackoverflow.com/questions/74805885/javascript:void( 0 )">> Tab 2< .

<.

<
RELATED ARTICLES

Most Popular

Recent Comments