Monday, 5 June 2017

Working With Border Properties in CSS

We have various border properties of a box, such as border-with, border-style, and border-color.

Syntax:
border-width:value;
border-style:font name;
border-color:colorname;

Create A web Pages named is borderproperties.html

<!doctype html>
<head>
<title>border properties</title>
</head>
<body>
<p style="border-width:10;border-style:solid;border-color:aqua;">This is first paragraph</p>
<p style="border-width:5;border-style:groove;border-color:green;">This is second paragraph</p>
<p style="border-width:9;border-style:double;border-color:red;">This is third paragraph</p>
<p style="border-width:3;border-style:dotted;border-color:blue;">This is fourth  paragraph</p>
</body>
</html>

The Output of above document:






No comments:

Post a Comment