CSS Grundgerüst 4

In diesem Teil des Webdesign-Workshops geht es an die Gestaltung des Textbereiches…

Der Textbereich:

@media all { 

/* 
CSS Gestaltung des Contents - also des Inhaltsbereiches. 
*/ 

main { 
background-color: steelblue; 
color: white; 

margin-top: 3px; 
margin-right: 5px; 
margin-bottom:5px; 
margin-left: 241px; 

border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 

border-top-style: solid; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 

border-top-color: black; 
border-right-color: black; 
border-bottom-color: black; 
border-left-color: black; 

padding-top: 20px; 
padding-right: 20px; 
padding-bottom: 20px; 
padding-left: 20px; 

font-family: Arial; 
font-size: smaller; 
} 


main a:link { 
color: white; 
background-color: steelblue; 
text-decoration: underline; 
} 

main a:visited { 
color: white; 
background-color: steelblue; 
text-decoration: underline; 
} 

main a:hover { 
color: black; 
background-color: white; 
text-decoration: underline; 
} 

main a:focus { 
color: white; 
background-color: steelblue; 
text-decoration: underline; 
} 

main a:active { 
color: white; 
background-color: steelblue; 
text-decoration: underline; 
} 

} /* Ende von @media nicht löschen*/