|
|
| Line 12: |
Line 12: |
| | <link rel="stylesheet" type="text/css" href="style.css"/> | | <link rel="stylesheet" type="text/css" href="style.css"/> |
| | </head> | | </head> |
| − |
| |
| − | <style>
| |
| − | ul {
| |
| − | list-style-type: none;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | overflow: hidden;
| |
| − | background-color: white;
| |
| − | }
| |
| − |
| |
| − | li {
| |
| − | float: left;
| |
| − | }
| |
| − |
| |
| − | li a {
| |
| − | display: block;
| |
| − | color: white;
| |
| − | text-align: center;
| |
| − | padding: 14px 16px;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | /* Change the link color to #111 (black) on hover */
| |
| − | li a:hover {
| |
| − | background-color: #ccb3ff;
| |
| − | }
| |
| − | body {
| |
| − | background-color: ##b3b3ff;
| |
| − | font-family: Optima, Times, Sans-serif;
| |
| − | }
| |
| − |
| |
| − | a {
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | #container {
| |
| − | background-color: rgb(236, 219, 243);
| |
| − | width: 1000px;
| |
| − | margin-left: 60px;
| |
| − | margin-right: 60px;
| |
| − | }
| |
| − |
| |
| − | #header {
| |
| − | background-color: rgb(180, 136, 196);
| |
| − | color: rgb (49, 32, 51);
| |
| − | text-align: center;
| |
| − | padding: 20px;
| |
| − | }
| |
| − |
| |
| − | #content{
| |
| − | padding: 50px;
| |
| − | text-align: center;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #main {
| |
| − | color: rgb(49, 32, 51);
| |
| − | width: 900px;
| |
| − | float: center;
| |
| − | padding: 10px;
| |
| − | }
| |
| − |
| |
| − | #footer{
| |
| − | width:1000px;
| |
| − | clear: both;
| |
| − | padding: 10px;
| |
| − | background-color: rgb(180, 136, 196);
| |
| − | color: white;
| |
| − | text-align: center;
| |
| − | }
| |
| − | </style>
| |
| | <body id="top-page"> | | <body id="top-page"> |
| | | | |
