HTML for borders with rounded corners : Round « CSS Controls « HTML / CSS






  1. HTML / CSS
  2. CSS Controls
  3. Round

HTML for borders with rounded corners

  
<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<style type="text/css"> 
body { font: 9pt Tahoma,Verdana,sans-serif; padding: 1em; } 
p { padding: 1em; background-color: #ddd; } 
</style> 
</head> 
<body> 
<p style="border: 2px solid; -moz-border-radius: 10px;"> 
border: 2px solid;<br/>-moz-border-radius: 10px;</p> 
<p style="border: 6px outset; -moz-border-radius: 6px;"> 
border: 6px outset;<br/>-moz-border-radius: 6px;</p> 
<p style="border: 6px dashed; -moz-border-radius: 10px;"> 
border: 6px dashed;<br/>-moz-border-radius: 10px;</p> 
</body> 
</html>








Related examples in the same category

1.Round corner sections
2.Round corner section title bar
3.Round corner for all sections
4.Round corner
5.Shading background border
6.Sliding door round corner