0% found this document useful (0 votes)
15 views3 pages

Practical No 6

The document demonstrates how to add borders to HTML paragraphs using CSS border properties including border-style, border-color and border-width. It shows examples of adding a solid blue border, a solid yellow border and a dotted purple border to paragraphs.

Uploaded by

yoratet699
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
15 views3 pages

Practical No 6

The document demonstrates how to add borders to HTML paragraphs using CSS border properties including border-style, border-color and border-width. It shows examples of adding a solid blue border, a solid yellow border and a dotted purple border to paragraphs.

Uploaded by

yoratet699
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

PRACTICAL NO 6

Create a web page to insert a border property in html


statements

<!DOCTYPE html>
<html>
<head>
<style>
p.one {
border-style: solid;
border-color: blue;
}

p.two {
border-style: solid;
border-color: yellow;
}
p.three {
border-style: dotted;
border-color: purple;
}
</style>
</head>
<body>

<h2>The border-color Property</h2>


<p>This property specifies the color of the four
borders:</p>

<p class="one">A solid blue border</p>


<p class="two">A solid yellow border</p>
<p class="three">A dotted purple border</p>

<p><b>Note:</b> The "border-color" property does


not work if it is used alone. Use the "border-style"
property to set the borders first.</p>
</body>
</html>v

You might also like