DursunCan Yes, it’s possible, but not that simple. For example, you can get it to look like this
By using this CSS
li.item-tag1 {
border-top: 1px solid;
}
[class^="item-tag"] {
border-left: 1px solid;
border-right: 1px solid;
}
li.item-tag12 {
border-bottom: 1px solid;
}
However, some important points. The class of li.item-tag1 is the starting point, and class li.item-tag12 is the end point. Finally, the class [class^="item-tag"] is actually a wildcard, that matches all styles of item-tag in between, and sets a left and right border, whereas the first and last sets a top and bottom border respectively. You need to be mindful of how the HTML is structured when putting this together
Look at the below HTML from your site, and you should hopefully see what I mean
If you decide to change the tags, you will need to change the CSS markup you are using. For example, if you add another 4 tags, the endpoint would need to change to be li.item-tag16
You can then achieve various other style elements by modifying the CSS as required.
