CSS3 Borders, CSS3 Borders with Examples

<!DOCTYPE html>
<html>
	<head>
    	<title>CSS3 Borders</title>
    </head>
    <body>
    	
        <style type="text/css">
			.border_image_1 { 
				border:10px solid transparent; 
				padding:10px; 
				border-image-source:url(images/bg_1.jpg); 
				border-image-repeat:round; 
				border-image-slice:30; 
				border-image-width: 10px;
				}
				 
			.border_image_2 { 
				border:10px solid transparent; 
				padding:20px; 
				border-image-source:url(images/bg_1.jpg); 
				border-image-repeat:round;
				border-image-slice:30; 
				border-image-width:20px;
				}
				 
			.border_image_3 { 
				border:10px solid transparent; 
				padding:30px; 
				border-image-source:url(images/bg_1.jpg); 
				border-image-repeat: round; 
				border-image-slice:30; 
				border-image-width:30px;
				}
			.border_radius { 
				border:10px solid #8B0000; 
				padding:20px; 
				border-radius:7px;
				}
        </style>
        
		<p class="border_image_1">Free Time Learning (www.freetimelearning.com)</p>
		<p class="border_image_2">Free Time Learning (www.freetimelearning.com)</p>
		<p class="border_image_3">Free Time Learning (www.freetimelearning.com)</p>
		<p class="border_radius">border-radius:7px;</p>
        
    </body>
</html>

Output :

Topic : Borders