CSS3 Borders

<!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>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'sg2plcpnl0084'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>

Output :

Topic : Borders