Border css

Css border top

.topBorder {
  /*        width style color  */
  border-top: 5px solid black;
}

Border css

      	                		  			Margin
			_____________________________________________________________________
			|   		 					Border								|	
			|			 ____________________________________________			|
  	  		|			 |					Padding 				|			|
	        |   		 |				_________________			|			|
	Margin	|	Border	 |	Padding		|	Content		|	Padding	| Border	|	Margin	
    	    |    		 |				_________________			|			|
   		    |   		 |					Padding					|			|
     		|    		 |__________________________________________|			|
        	|    		 					Border								|
        	|___________________________________________________________________|	
             								Margin

Css border opacity

div {
    border: 1px solid rgba(255, 0, 0, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

Dashed lin in css

hr {
  border:none;
  border-top:1px dashed #f00;
  color:#fff;
  background-color:#fff;
  height:1px;
  width:50%;
}

Source: stackoverflow.com

Css border

/*Chill border for everyday usage */
border: dashed 2px rgb(168, 219, 231);
border-radius: 10px;

-1

Similar codes

0 vote200 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
0 vote134 views0 answer
CSS
5 votes168 views2 answers
Transition transform
CSS
1 vote162 views1 answer
Ion input padding left
CSS
11 votes187 views5 answers
Css affect other elements on hover
CSS
0 vote189 views1 answer
This syntax requires an imported helper but module 'tslib' cannot be found.
CSS
6 votes159 views6 answers
How to properly install tailwind css in react
CSS
4 votes183 views2 answers
Border style
CSS
3 votes175 views1 answer
Inline block align center
CSS
1 vote181 views1 answer
Circle css with text in the center
CSS