How does CSS make this line?

clipboard.png

I can use hr to implement the horizontal line of

, but how to achieve the vertical line?

Css
Mar.20,2021

1. Background gradient can be made 

li{
    background:linear-gradient(to bottom,-sharpdd2926,-sharpa82724) no-repeat right / 1px 20px;
}

2, border-right can also be
3, or an element can be added 

<li></li>
<i></i>
<li></li>

<style>
i{
    display:inline-block;
    width:1px;
    height:30px;
    background:-sharpeee;
}
</style>

table + border-collapse:collapse;

border
or current tag such as li
li {

border-right: 1px solid -sharp000;

}

see how you apply it

this is the thin line border of 1px, border-collspace: collspace.

  1. each box has bottom and right borders
  2. media-query remove the right border at the end of each line

Previous: ? How is this type of icon stored in the database?

Next: The problem with the FROM instruction when writing Dockerfile.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu