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

2 votes313 views1 answer
H2 in px css
CSS
0 vote350 views1 answer
Padding bottom and top css in same ligne
CSS
1 vote329 views2 answers
Fit image in grid css
CSS
3 votes347 views3 answers
Zoom image inside div and move
CSS
0 vote383 views1 answer
Set default rem css
CSS
0 vote372 views2 answers
Hide Categories - Woocommerce Product Page
CSS
1 vote343 views1 answer
Materialize button
CSS
0 vote432 views1 answer
How to disable li points
CSS
4 votes423 views1 answer
Css add dots if text too long
CSS
-1 vote361 views2 answers
How to put different p elements next to each
CSS