border in CSS

How to put a border in CSS?

There are multiple properties of border. Some of them are;

double:

this is double

dashed:

this is dashed

solid:

this is solid

groove:

this is groove

dotted:

this is dotted

outset:

this is outset

inset:

this is inset

ridge:

this is ridge

hidden:

this is hidden

none:

this is none

Example:

<html>
<head>
<style>
table
{
border-style: dotted;
}
</style>
</head>
<body>
<table border=”2″>
<tr><td>
<p>this is dotted</p>
</td></tr>
</table>
</body>
</html>

Output: