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

8 votes238 views4 answers
CSS Grid Column
CSS
0 vote220 views1 answer
Mat dialog background color
CSS
0 vote254 views1 answer
How to slow down hover effect css
CSS
4 votes206 views6 answers
Css grid
CSS
0 vote212 views1 answer
White border css
CSS
0 vote217 views1 answer
Place-content css property
CSS
0 vote205 views2 answers
Nth-child(2n+1)
CSS
3 votes220 views2 answers
How to decurate react router link css
CSS
0 vote220 views1 answer
Nokogiri xml diff
CSS
1 vote240 views1 answer
Ie11 flex 1
CSS