<html>
<head>
<title>kekekeke</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
#all {
width: 90%;
height: 1200px;
background-color: deepskyblue;
margin: 0 auto
}
#header {
width: 100%;
height: 300px;
background-color: red;
background-image: url(images/doge2.jpg);
background-size: cover;
}
#meun {
width: 100%;
height: 150px;
background-color: green;
}
#content {
width: 100%;
height: 500px;
background-color: #0066FF;
}
#left {
width: 30%;
height: 500px;
background-color: #00AA00;
float: left;
}
#right {
width: 70%;
height: 500px;
background-color: #FD4;
float: left;
}
#footer {
width: 100%;
height: 400px;
background-color: saddlebrown;
background-image: url(images/doge.jpg);
background-size:cover;
}
li {
float: left;
width: 20%;
text-align: center;
line-height: 150px;
list-style: none;
background-image: url(images/dogelittle.jpg);
font-size: 50px;
}
li:hover {
background-image: url(images/doge2.jpg);
}
ul li a {
text-decoration: none;
color: yellow;
}
ul li a:hover {
color: red;
}
</style>
</head>
<body>
<div id="all">
<div id="header"></div>
<div id="meun">
<ul>
<li><a href="about us">about us</a></li>
<li><a href="download">download</a></li>
<li><a href="proudt">proudt</a></li>
<li><a href="link">link</a></li>
<li><a href="CSS">CSS</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<table width="100%" border="1">
<tbody>
<tr>
<td width="10" height="20">X</td>
<td>number</td>
</tr>
<tr>
<td width="10" height="50"><img src="images/plane-icon.jpg" width="30" height="20" title=plane/></td>
<td>40</td>
</tr>
<tr>
<td width="10" height="50"><img src="images/plane-icon2.jpg" width="30" height="30" title=plane2/></td>
<td>60</td>
</tr>
<tr>
<td width="10" height="50"><img src="images/Military-Fighter-Jet-icon.jpg" width=30></td>
<td>300 </td>
</tr>
</tbody>
</table>
</div>
<div id="right">right</div>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>
創作內容
dreamweaver
war thunder (12)