Scribd
Upload
44 views

CSS Borders

This document contains CSS code that styles three different colored div elements with various border properties. The red div has a yellow ridge border. The blue div has different border styles, widths, and colors on each side. The green div has rounded borders with a border-radius of 50px.

Uploaded by

Ania Neal
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
44 views

CSS Borders

This document contains CSS code that styles three different colored div elements with various border properties. The red div has a yellow ridge border. The blue div has different border styles, widths, and colors on each side. The green div has rounded borders with a border-radius of 50px.

Uploaded by

Ania Neal
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Borders: borders.

html
!
!

<!doctype html>
<html>
<head>
<title>Learning CSS</title>

<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<style type="text/css">

div {
width:100px;
height:100px;
float:left;
margin:20px;
}

.red {

background-color:red;

border:2px yellow ridge;

.blue {

background-color:blue;

border-style: ridge solid dotted dashed;

border-width:10px 5px 3px 1px;

border-color:green yellow blue black;

}

.green {

background-color:green;

border-radius:50px;

}

</style>

</head>

<body>

<div class="red"> </div>

<div class="blue"> </div>

<div class="green"> </div>

</body>
</html>

You might also like