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

4 votes215 views2 answers
Can we use material ui and tailwind css together
CSS
9 votes200 views2 answers
Bootstrap cheat sheet
CSS
0 vote220 views1 answer
How to dedeclare a variable and use it in css
CSS
0 vote261 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
17 votes224 views2 answers
Rgb green
CSS
8 votes195 views5 answers
Css multicolor background
CSS
0 vote246 views1 answer
How to add a photo using css beside a paragraph in html
CSS
0 vote212 views2 answers
Tailwind css form
CSS
1 vote197 views1 answer
Html minimum width
CSS
4 votes211 views1 answer
Space-x css
CSS