[css] Creating a border like this using :before And :after Pseudo-Elements In CSS?

#footer:after
{
   content: "";
    width: 40px;
    height: 3px;
    background-color: #529600;
    left: 0;
    position: relative;
    display: block;
    top: 10px;
}

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width

Examples related to border

• How to create a inner border for a box in html? • Android LinearLayout : Add border with shadow around a LinearLayout • Giving a border to an HTML table row, <tr> • In bootstrap how to add borders to rows without adding up? • Double border with different color • How to make a transparent border using CSS? • How to add a border just on the top side of a UIView • Remove all stylings (border, glow) from textarea • How can I set a css border on one side only? • Change input text border color without changing its height

Examples related to pseudo-element

• CSS pseudo elements in React • Add line break to ::after or ::before pseudo-element content • Using CSS :before and :after pseudo-elements with inline CSS? • Combine :after with :hover • Can I have multiple :before pseudo-elements for the same element? • :after and :before pseudo-element selectors in Sass • Creating a border like this using :before And :after Pseudo-Elements In CSS? • css rotate a pseudo :after or :before content:"" • Can I change the height of an image in CSS :before/:after pseudo-elements? • Using :before CSS pseudo element to add image to modal