Intro to webdesign

HTML + CSS

Adding Style to your website



Intro to webdesign

HTML + CSS

Adding Style to your website



CSS zen garden

HTML

<html>
   <head>
     <link href="style.css" rel="stylesheet">
   </head>
   <body>
     <div class="next_button">
       <a href="008.html">next</a>
     </div>
     <h1> Intro to webdesign</h1>
     <h2> HTML + CSS</h2>
     <p> Adding Style to your website </p>
   </body>
</html>


CSS



h1{
     background-color:#F93;
     margin-left:10px;
     padding:10px;
     color:white;
     width:90%;
     border:#666 3px dotted;
     float: right;
     width: 40%;
     position: relative;
     top: 319px;
     text-align: center;
     z-index: 1;
     right: 102px;
}
h2{
     border-top-right-radius:20px;
     background-color:#CCC;
     margin-left:12px;
     padding:10px;
     width:80%;
     border:#DEE 3px solid;
     float: left;
     position: relative;
     top: -70px;
     left: 20px;
     height: 300px;
}
p{
     font-Size:20px;
     padding:10px 30px;
     float: left;
     position: relative;
     top: -337px;
     left: 232px;
}

body{...}
.next_button{...}