Scribd
Upload
10 views

Css

The document contains four sections with HTML code defining styling for links, divs, and paragraphs. Styles are set for the color and appearance of two links and two div boxes, including properties like width, height, borders, and background color. The code samples show how these styles can be applied and modified across multiple sections.

Uploaded by

arnold.reyes
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
10 views

Css

The document contains four sections with HTML code defining styling for links, divs, and paragraphs. Styles are set for the color and appearance of two links and two div boxes, including properties like width, height, borders, and background color. The code samples show how these styles can be applied and modified across multiple sections.

Uploaded by

arnold.reyes
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 8

<!

DOCTYPE html>
<html>
<head>

</head>
<body>

<style>

#FirstLink{
color: FFFF33;
}

#SecondLink{
color:9933FF;
}

#FirstDiv{
width: 250px;
height: 250px;
border: 1px solid black;
margin: 10px
}

#SecondDiv{
width: 250px;
height: 250px;
border: 1px solid black;
margin: 10px;
}

p{
text-align: center;
}

</style>

<a id="FirstLink" href="CS_1">First Link</a>


<a id="SecondLink"href="CS_2">Second Link</a>

<div id="FirstDiv">
<p>Div 1</p>
</div>
<div id="SecondDiv">
<p>Div 2</p>
</div>

</body>
</html>
<!DOCTYPE html>
<html>
<head>

</head>
<body>

<style>

#FirstLink{
color: FFFF33;
}

#SecondLink{
color:9933FF;
}

#FirstDiv{
width: 250px;
height: 250px;
border: 1px solid black;
margin: 10px;
background-color: #00FFFF;
}

#SecondDiv{
width: 250px;
height: 250px;
border: 1px solid black;
margin: 10px;
}

p{
text-align: center;
}

#div1text{
color: white;
}

</style>

<a id="FirstLink" href="">First Link</a>


<a id="SecondLink"href="CS_3">Second Link</a>
<div id="FirstDiv">
<p id="div1text">Div 1</p>
</div>

<div id="SecondDiv">
<p id="div2text">Div 2</p>
</div>

</body>
</html>
<!DOCTYPE html>
<html>
<head>

</head>
<body>

<style>

#FirstLink{
color: FFFF33;
}

#SecondLink{
color:9933FF;
}

#FirstDiv{
width: 250px;
height: 250px;
border: 1px solid black;
margin: 10px
}

#SecondDiv{
width: 250px;
height: 250px;
border: 10px dotted green;
margin: 10px;
}

p{
text-align: center;
}

</style>

<a id="FirstLink" href="CS_3">First Link</a>


<a id="SecondLink"href="">Second Link</a>

<div id="FirstDiv">
<p>Div 1</p>
</div>

<div id="SecondDiv">
<p>Div 2</p>
</div>

</body>
</html>
<!DOCTYPE html>
<html>
<head>

</head>
<body>

<style>

#FirstLink{
color: FFFF33;
}

#SecondLink{
color:9933FF;
}

#FirstDiv{
width: 250px;
height: 250px;
border: 1px solid black;
margin: 10px;
background-color: #00FFFF;
}

#SecondDiv{
width: 250px;
height: 250px;
border: 10px dotted green;
margin: 10px;
}

p{
text-align: center;
}

#div1text{
color: white;
}

</style>

<a id="FirstLink" href="">First Link</a>


<a id="SecondLink"href="">Second Link</a>

<div id="FirstDiv">
<p id="div1text">Div 1</p>
</div>

<div id="SecondDiv">
<p id="div2text">Div 2</p>
</div>

</body>
</html>

You might also like