Scribd
Upload
15 views2 pages

CSS Box

The document describes the CSS box model which includes properties like margin, border, padding and content that are used to customize web page layout and structure. The CSS box model represents each element as a rectangular box.

Uploaded by

Anisha Uikey
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
15 views2 pages

CSS Box

The document describes the CSS box model which includes properties like margin, border, padding and content that are used to customize web page layout and structure. The CSS box model represents each element as a rectangular box.

Uploaded by

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

<!

DOCTYPE html>

<head>

<title>CSS Box Model</title>

<style>

.main{

font-size:30px;

font-weight: bold;

text-align: center;

.gfg{

margin-left: 200px;

border: 50px solid #034f84;

width: 600px;

height:200px;

text-align:center;

padding:100px;

text-align:center;

.gfg1{

font-size:40px;

font-weight:bold;
color: white; margin-top:60px; background-color: #034f84; text-align: center;

.gfg2{

font-size:20px;

font-weight:bold; background-color: white; text-align:center;

</style>

</head>
<body>

<center>
<div class="main">CSS Box-Model Property</div >

<div class="gfg">

<div class="gfg1">CSS BOX MODEL</div>

<div class="gfg2">A CSS box model is a compartment that includes numerous assets,
such as edge, border, padding and material. It is used to develop the design and
structure of a web page. It can be used as a set of tools to personalize the layout
of different components. According to the CSS box model, the web browser supplies
each element as a square prism.</div>

</div>

</center>

</body>

</html>

You might also like