HTML and CSS Reference
In-Depth Information
To Add an Embedded Style Sheet
Table 7-6 shows the CSS code for the embedded style sheet to be entered directly in the header section of the
HTML code for the home page, jaredadam.html.
Table 7-6 Code for an Embedded Style Sheet
Line
CSS Code
<style type=”text/css”>
10
<!--
11
body
{font-family: Verdana, Arial; background-color: #303032;}
12
13
a
{text-decoration: none; color: #303032;}
14
15
#menubar {background-color: #303032; color: white; height: 40px;}
16
17
.menu
{float: left; padding: 0.6em 3em 0.1em 0.5em; cursor: default;}
18
19
.menu ul {display: none; position: absolute; background-color: white;
20
list-style: none; margin: 2px 5px 5px 0; padding: 0;}
21
22
.menu ul li
{display: block; font-size: small; padding: 0.2em;}
23
24
div.menu:hover
ul
{margin: 0; padding: 0; display: block;
25
background-color: white; color: #303032;}
26
27
div.menu ul li:hover
{background-color: #cccccc;}
28
29
.whitepipe
{color: white;}
30
31
p.box
{width: 400px; margin-left: 20px; margin-top: 50px; border-radius: 5px;
32
background-color: white; padding: 10px; color: #303032;}
33
34
img.posit {position: relative; left: 460px; top: -270px;}
35
-->
36
</style>
37
 
Search WWH ::




Custom Search